k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-10-18 21:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(collections): the invite cards take the async accept and decline as they are

Browse Source
This commit is contained in:
Maurice
2026-10-12 19:57:48 +00:00
parent d3be55a88f
commit 97833412dc
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Collections/CollectionInviteCard.tsx
+4 -4
View File
@@ -4,8 +4,8 @@ import type { TranslationFn } from '../../types';
interface CollectionInviteCardProps {
invite: IncomingCollectionInvite;
onAccept: (id: number) => void;
onDecline: (id: number) => void;
onAccept: (id: number) => void | Promise<void>;
onDecline: (id: number) => void | Promise<void>;
t: TranslationFn;
}
@@ -27,10 +27,10 @@ export default function CollectionInviteCard({
{t('collections.invites.from')} {invite.from.username}
</div>
<div className="col-invite-actions">
<button type="button" onClick={() => onAccept(invite.collection_id)} className="col-invite-accept">
<button type="button" onClick={() => void onAccept(invite.collection_id)} className="col-invite-accept">
{t('collections.invites.accept')}
</button>
<button type="button" onClick={() => onDecline(invite.collection_id)} className="col-invite-decline">
<button type="button" onClick={() => void onDecline(invite.collection_id)} className="col-invite-decline">
{t('collections.invites.decline')}
</button>
</div>
client/src/mobile/screens/collections/MCollInvites.tsx
+6 -4
View File
@@ -5,8 +5,8 @@ import { CancelPill, Eyebrow, PrimaryPill } from './MCollSheetKit';
interface MCollInvitesProps {
invites: IncomingCollectionInvite[];
onAccept: (id: number) => void;
onDecline: (id: number) => void;
onAccept: (id: number) => void | Promise<void>;
onDecline: (id: number) => void | Promise<void>;
t: TranslationFn;
}
@@ -30,10 +30,12 @@ export default function MCollInvites({ invites, onAccept, onDecline, t }: MCollI
{t('collections.invites.from')} {inv.from.username}
</div>
<div className="mt-3 flex items-center gap-2">
<PrimaryPill onClick={() => onAccept(inv.collection_id)}>
<PrimaryPill onClick={() => void onAccept(inv.collection_id)}>
<Check size={14} strokeWidth={2.4} /> {t('collections.invites.accept')}
</PrimaryPill>
<CancelPill onClick={() => onDecline(inv.collection_id)}>{t('collections.invites.decline')}</CancelPill>
<CancelPill onClick={() => void onDecline(inv.collection_id)}>
{t('collections.invites.decline')}
</CancelPill>
</div>
</div>
))}