Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-12 22:11:06 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Can undo likes

Browse Source
This commit is contained in:
Kalle 2022-01-30 11:50:52 +02:00
parent 963c30a66e
commit 19855ebc3d
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/routes/play/looking.tsx
View File

@ -20,6 +20,7 @@ export const links: LinksFunction = () => {
return [{ rel: "stylesheet", href: styles }];
};
type ActionSchema = z.infer<typeof actionSchema>;
const actionSchema = z.object({
_action: z.enum(["LIKE", "UNLIKE", "UNITE_GROUP", "MATCH_UP"]),
targetGroupId: z.string().uuid(),
@ -201,11 +202,17 @@ function GroupCard({
type: "LIKES_GIVEN" | "NEUTRAL" | "LIKES_RECEIVED";
}) {
const buttonText = () => {
if (type === "LIKES_GIVEN") return "idk";
if (type === "LIKES_GIVEN") return "Undo";
if (type === "NEUTRAL") return "Let's play!";
return "Group up";
};
const buttonValue = (): ActionSchema["_action"] => {
if (type === "LIKES_GIVEN") return "UNLIKE";
if (type === "NEUTRAL") return "LIKE";
return "MATCH_UP";
};
return (
<Form method="post">
@ -224,7 +231,13 @@ function GroupCard({
</div>
<input type="hidden" name="targetGroupId" value={group.id} />
{isGroupAdmin && (
<Button type="submit" name="_action" value="LIKE" tiny>
<Button
type="submit"
name="_action"
value={buttonValue()}
tiny
variant={type === "LIKES_GIVEN" ? "destructive" : undefined}
>
{buttonText()}
</Button>
)}