nandi.uk
This repository has no description
chore: card pin story
author
pdelfan
date
(May 19, 2026, 4:41 PM -0700)
commit
5a0292d1
5a0292d1f38919e7c5c8d43d0409b9f672563d7c
parent
06961ec8
06961ec8418b6f9c40aac9469f6e3f626dadc47d
+13
-4
+9
src/webapp/features/cards/components/urlCard/UrlCard.tsx
+9
src/webapp/features/cards/components/urlCard/UrlCard.tsx
···
2
2
3
3
import type { UrlCard, Collection, User } from '@/api-client';
4
4
import { Anchor, Card, Group, Stack, Text } from '@mantine/core';
5
+
import { BsPinFill } from 'react-icons/bs';
5
6
import UrlCardActions from '../urlCardActions/UrlCardActions';
6
7
import { MouseEvent, Suspense } from 'react';
7
8
import UrlCardContent from '../urlCardContent/UrlCardContent';
···
110
111
onAuxClick={handleAuxClick}
111
112
>
112
113
<Stack justify="space-between" flex={1}>
114
+
{props.isPinnedInCollection && (
115
+
<Group gap={5} c="dimmed">
116
+
<BsPinFill size={12} />
117
+
<Text fz="xs" fw={500}>
118
+
Pinned
119
+
</Text>
120
+
</Group>
121
+
)}
113
122
<Suspense fallback={<UrlCardContentSkeleton />}>
114
123
<UrlCardContent
115
124
url={props.url}
+4
-4
src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
+4
-4
src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
···
18
18
import { Fragment, useState } from 'react';
19
19
import { FiPlus } from 'react-icons/fi';
20
20
import {
21
-
BsPinAngle,
22
-
BsPinAngleFill,
21
+
BsPin,
22
+
BsPinFill,
23
23
BsThreeDots,
24
24
BsTrash2Fill,
25
25
} from 'react-icons/bs';
···
244
244
<Menu.Item
245
245
leftSection={
246
246
props.isPinnedInCollection ? (
247
-
<BsPinAngleFill />
247
+
<BsPinFill />
248
248
) : (
249
-
<BsPinAngle />
249
+
<BsPin />
250
250
)
251
251
}
252
252
onClick={(e) => {