nandi.uk
This repository has no description
fix: guest semble actions name
author
pdelfan
date
(May 21, 2026, 3:22 PM -0700)
commit
ebaa06ee
ebaa06eef0f36394933cb4c2210526b86c54e9a2
parent
618a6a90
618a6a9038626ead0d54135344c58e2955a0fdb1
+20
-61
+20
src/webapp/features/semble/components/sembleActions/GuestSembleActions.tsx
+20
src/webapp/features/semble/components/sembleActions/GuestSembleActions.tsx
···
1
+
import { Group } from '@mantine/core';
2
+
import { TbPlugConnected } from 'react-icons/tb';
3
+
import { LinkButton } from '@/components/link/MantineLink';
4
+
5
+
export default function GuestSembleActions() {
6
+
return (
7
+
<Group gap={'xs'}>
8
+
<LinkButton
9
+
href={'/login'}
10
+
variant="light"
11
+
color="green"
12
+
radius={'xl'}
13
+
leftSection={<TbPlugConnected size={18} />}
14
+
>
15
+
Log in to connect
16
+
</LinkButton>
17
+
<LinkButton href={'/login'}>Log in to add</LinkButton>
18
+
</Group>
19
+
);
20
+
}
-61
src/webapp/features/semble/components/sembleActions/GusetSembleActions.tsx
-61
src/webapp/features/semble/components/sembleActions/GusetSembleActions.tsx
···
1
-
'use client';
2
-
3
-
import { ActionIcon, CopyButton, Group, Tooltip } from '@mantine/core';
4
-
import { MdIosShare } from 'react-icons/md';
5
-
import { notifications } from '@mantine/notifications';
6
-
import { TbPlugConnected } from 'react-icons/tb';
7
-
import { LinkButton } from '@/components/link/MantineLink';
8
-
9
-
interface Props {
10
-
url: string;
11
-
}
12
-
13
-
export default function GuestSembleActions(props: Props) {
14
-
const shareLink =
15
-
typeof window !== 'undefined'
16
-
? `${window.location.origin}/url?id=${props.url}`
17
-
: '';
18
-
19
-
return (
20
-
<Group gap={'xs'}>
21
-
<CopyButton value={shareLink}>
22
-
{({ copied, copy }) => (
23
-
<Tooltip
24
-
label={copied ? 'Link copied!' : 'Share'}
25
-
withArrow
26
-
position="top"
27
-
>
28
-
<ActionIcon
29
-
variant="light"
30
-
color="gray"
31
-
size={36}
32
-
radius={'xl'}
33
-
onClick={() => {
34
-
copy();
35
-
36
-
if (copied) return;
37
-
notifications.show({
38
-
message: 'Link copied!',
39
-
position: 'top-center',
40
-
id: copied.toString(),
41
-
});
42
-
}}
43
-
>
44
-
<MdIosShare size={22} />
45
-
</ActionIcon>
46
-
</Tooltip>
47
-
)}
48
-
</CopyButton>
49
-
<LinkButton
50
-
href={'/login'}
51
-
variant="light"
52
-
color="green"
53
-
radius={'xl'}
54
-
leftSection={<TbPlugConnected size={18} />}
55
-
>
56
-
Log in to connect
57
-
</LinkButton>
58
-
<LinkButton href={'/login'}>Log in to add</LinkButton>
59
-
</Group>
60
-
);
61
-
}