cosmik.network
+22
-18
src/webapp/features/profile/components/profileMenu/ProfileMenu.tsx
+22
-18
src/webapp/features/profile/components/profileMenu/ProfileMenu.tsx
···
11
11
} from '@mantine/core';
12
12
import useMyProfile from '../../lib/queries/useMyProfile';
13
13
import CosmikLogo from '@/assets/cosmik-logo-full.svg';
14
+
import { MdBugReport } from 'react-icons/md';
14
15
import { useAuth } from '@/hooks/useAuth';
15
16
import { useRouter } from 'next/navigation';
16
17
import Link from 'next/link';
17
-
import { MdLogout } from 'react-icons/md';
18
+
import { IoMdLogOut } from 'react-icons/io';
18
19
import { useNavbarContext } from '@/providers/navbar';
20
+
import { BiSolidUserCircle } from 'react-icons/bi';
19
21
20
22
export default function ProfileMenu() {
21
23
const router = useRouter();
···
64
66
component={Link}
65
67
href={`/profile/${data.handle}`}
66
68
onClick={toggleMobile}
69
+
leftSection={<BiSolidUserCircle size={22} />}
70
+
color="gray"
67
71
>
68
-
<Group gap={'xs'} wrap="nowrap">
69
-
<Avatar src={data.avatarUrl} size={'lg'} />
70
-
<Stack gap={0}>
71
-
<Text fw={500} lineClamp={1} style={{ wordBreak: 'break-all' }}>
72
-
{data.name}
73
-
</Text>
74
-
<Text fw={500} lineClamp={1} flex={1} c={'gray'}>
75
-
View profile
76
-
</Text>
77
-
</Stack>
78
-
</Group>
72
+
View profile
79
73
</Menu.Item>
80
74
81
-
<Menu.Divider />
82
75
<Menu.Item
83
76
component="a"
84
-
href="https://cosmik.network/"
77
+
href="https://tangled.org/@cosmik.network/semble/issues"
85
78
target="_blank"
79
+
leftSection={<MdBugReport size={22} />}
80
+
color="gray"
86
81
>
87
-
<Image src={CosmikLogo.src} alt="Cosmik logo" w={'auto'} h={24} />
82
+
Submit an issue
88
83
</Menu.Item>
89
-
<Menu.Divider />
90
84
91
85
<Menu.Item
92
-
c={'red'}
93
-
leftSection={<MdLogout />}
86
+
color="gray"
87
+
leftSection={<IoMdLogOut size={22} />}
94
88
onClick={handleLogout}
95
89
>
96
90
Log out
91
+
</Menu.Item>
92
+
93
+
<Menu.Divider />
94
+
95
+
<Menu.Item
96
+
component="a"
97
+
href="https://cosmik.network/"
98
+
target="_blank"
99
+
>
100
+
<Image src={CosmikLogo.src} alt="Cosmik logo" w={'auto'} h={24} />
97
101
</Menu.Item>
98
102
</Menu.Dropdown>
99
103
</Menu>