free agents

src/features/tournaments/components/upcoming-tournament/unenroll-free-agent.tsx

@@ -0,0 +1,40 @@
+import Button from "@/components/button";
+import Sheet from "@/components/sheet/sheet";
+import { useAuth } from "@/contexts/auth-context";
+import { useSheet } from "@/hooks/use-sheet";
+import { Stack, Text } from "@mantine/core";
+import useUnenrollFreeAgent from "../../hooks/use-unenroll-free-agent";
+
+const UnenrollFreeAgent = ({ tournamentId }: {tournamentId: string} ) => {
+  const { open, isOpen, toggle } = useSheet();
+  const { user } = useAuth();
+
+  const { mutate: unenrollFreeAgent, isPending: isEnrolling } = useUnenrollFreeAgent();
+  const handleUnenroll = () => {
+    unenrollFreeAgent({ playerId: user!.id, tournamentId }, {
+      onSuccess: () => {
+        toggle();
+      }
+    });
+  }
+
+  return (
+    <>
+      <Button variant="subtle" size="sm" onClick={open}>
+        Unenroll
+      </Button>
+
+      <Sheet title="Are you sure?" opened={isOpen} onChange={toggle}>
+        <Stack gap="xs">
+          <Text size="md">
+            This will remove you from the free agent list.
+          </Text>
+          <Button onClick={handleUnenroll}>Confirm</Button>
+          <Button variant="subtle" color="red" onClick={toggle}>Cancel</Button>
+        </Stack>
+      </Sheet>
+    </>
+  );
+};
+
+export default UnenrollFreeAgent;