use onClick

minhd-vu · Feb 27, 2024 · 6d74c17 · 6d74c17
1 parent 68d5b71
commit 6d74c17
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/components/CreateParty.tsx b/components/CreateParty.tsx
@@ -5,7 +5,7 @@ import { useSWRConfig } from "swr";
 export default function CreateParty() {
   const { mutate } = useSWRConfig();
 
-  async function createParty() {
+  async function onClick() {
     const res = await fetch("/api/party", {
       method: "POST",
     });
@@ -18,7 +18,7 @@ export default function CreateParty() {
   }
 
   return (
-    <button className="btn btn-primary" onClick={() => createParty()}>
+    <button className="btn btn-primary" onClick={() => onClick()}>
       Create Party
     </button>
   );

diff --git a/components/LeaveParty.tsx b/components/LeaveParty.tsx
@@ -7,7 +7,7 @@ export default function LeaveParty() {
   const [isLoading, setLoading] = useState(false);
   const { mutate } = useSWRConfig();
 
-  async function leaveParty() {
+  async function onClick() {
     setLoading(true);
 
     const res = await fetch("/api/party/leave", {
@@ -22,7 +22,7 @@ export default function LeaveParty() {
   }
 
   return (
-    <button className="btn btn-error" onClick={() => leaveParty()}>
+    <button className="btn btn-error" onClick={() => onClick()}>
       Leave Party
       {isLoading && <span className="loading loading-dots loading-sm"></span>}
     </button>

diff --git a/components/StartGame.tsx b/components/StartGame.tsx
@@ -8,7 +8,7 @@ export default function StartGame() {
   const { setError } = useContext(ErrorContext);
   const { mutate } = useSWRConfig();
 
-  async function startGame() {
+  async function onClick() {
     const res = await fetch("/api/party/start", {
       method: "POST",
     });
@@ -22,7 +22,7 @@ export default function StartGame() {
   }
 
   return (
-    <button className="btn btn-success" onClick={() => startGame()}>
+    <button className="btn btn-success" onClick={() => onClick()}>
       Start Game
     </button>
   );

diff --git a/components/StopGame.tsx b/components/StopGame.tsx
@@ -1,24 +1,28 @@
 "use client";
 
+import { useContext } from "react";
 import { useSWRConfig } from "swr";
+import { ErrorContext } from "./App";
 
 export default function StopGame() {
+  const { setError } = useContext(ErrorContext);
   const { mutate } = useSWRConfig();
 
-  async function stopGame() {
+  async function onClick() {
     const res = await fetch("/api/party/stop", {
       method: "POST",
     });
 
     if (!res.ok) {
-      throw new Error(await res.json());
+      setError(await res.json());
+      return;
     }
 
     mutate("/api/user");
   }
 
   return (
-    <button className="btn btn-warning" onClick={() => stopGame()}>
+    <button className="btn btn-warning" onClick={() => onClick()}>
       Stop Game
     </button>
   );