Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-23 13:11:02 +10:00
Code Issues Packages Projects Releases Wiki Activity

Update custom avatar

Browse Source
This commit is contained in:
Philipinho
2024-06-26 23:20:26 +01:00
parent e476b89d35
commit 7373cbf1b9
15 changed files with 68 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/features/group/components/group-members.tsx
View File

@ -7,7 +7,7 @@ import { useParams } from "react-router-dom";
import React from "react";
import { IconDots } from "@tabler/icons-react";
import { modals } from "@mantine/modals";
import { UserAvatar } from "@/components/ui/user-avatar.tsx";
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
import useUserRole from "@/hooks/use-user-role.tsx";
export default function GroupMembersList() {
@ -56,7 +56,7 @@ export default function GroupMembersList() {
<Table.Tr key={index}>
<Table.Td>
<Group gap="sm">
<UserAvatar avatarUrl={user.avatarUrl} name={user.name} />
<CustomAvatar avatarUrl={user.avatarUrl} name={user.name} />
<div>
<Text fz="sm" fw={500}>
{user.name}

5
apps/client/src/features/group/components/multi-user-select.tsx
View File

@ -3,7 +3,7 @@ import { useDebouncedValue } from "@mantine/hooks";
import { useWorkspaceMembersQuery } from "@/features/workspace/queries/workspace-query.ts";
import { IUser } from "@/features/user/types/user.types.ts";
import { Group, MultiSelect, MultiSelectProps, Text } from "@mantine/core";
import { UserAvatar } from "@/components/ui/user-avatar.tsx";
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
interface MultiUserSelectProps {
onChange: (value: string[]) => void;
@ -14,11 +14,10 @@ const renderMultiSelectOption: MultiSelectProps["renderOption"] = ({
option,
}) => (
<Group gap="sm">
<UserAvatar
<CustomAvatar
avatarUrl={option?.["avatarUrl"]}
name={option.label}
size={36}
radius="xl"
/>
<div>
<Text size="sm">{option.label}</Text>