add mutates

minhd-vu · Feb 24, 2024 · 29d415f · 29d415f
1 parent d70fd7b
commit 29d415f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/components/CreateParty.tsx b/components/CreateParty.tsx
@@ -1,6 +1,10 @@
 "use client";
 
+import { useSWRConfig } from "swr";
+
 export default function CreateParty() {
+  const { mutate } = useSWRConfig();
+
   async function createParty() {
     const res = await fetch("/api/party", {
       method: "POST",
@@ -9,6 +13,8 @@ export default function CreateParty() {
     if (!res.ok) {
       throw new Error(await res.json());
     }
+
+    mutate("/api/user");
   }
 
   return (

diff --git a/components/JoinParty.tsx b/components/JoinParty.tsx
@@ -1,8 +1,11 @@
 "use client";
 
 import { FormEvent } from "react";
+import { useSWRConfig } from "swr";
 
 export default function JoinParty() {
+  const { mutate } = useSWRConfig();
+
   async function onSubmit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault();
 
@@ -18,6 +21,8 @@ export default function JoinParty() {
     if (!res.ok) {
       throw new Error(await res.json());
     }
+
+    mutate("/api/user");
   }
 
   return (

diff --git a/components/Party.tsx b/components/Party.tsx
@@ -58,7 +58,7 @@ export default function Party() {
       <h2>Mode: {_.startCase(_.toLower(party.mode))}</h2>
       <h2>Players:</h2>
       <ul>{players}</ul>
-      {party.adminId === user.id && <StartGame />}
+      <StartGame visible={party.adminId === user.id} />
       <LeaveParty />
     </div>
   );

diff --git a/components/StartGame.tsx b/components/StartGame.tsx
@@ -1,6 +1,10 @@
 "use client";
 
-export default function StartGame() {
+export default function StartGame({ visible }: { visible: boolean }) {
+  if (!visible) {
+    return;
+  }
+
   async function startGame() {
     const res = await fetch("/api/party/start", {
       method: "POST",