Support asynchronous member table updates

regalijan · Feb 27, 2024 · 2f06159 · 2f06159
1 parent 97bba83
commit 2f06159
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/routes/et-members.tsx b/app/routes/et-members.tsx
@@ -12,6 +12,7 @@ import {
   Thead,
   Tr,
 } from "@chakra-ui/react";
+import { useState } from "react";
 
 export async function loader({ context }: { context: RequestContext }) {
   if (!context.data.current_user)
@@ -50,10 +51,11 @@ export default function () {
       method: "DELETE",
     });
 
-    location.reload();
+    setMemberData(memberData.filter((member) => member.id !== id));
   }
 
-  const memberData = useLoaderData<typeof loader>();
+  const [realtimePoints, setRealtimePoints] = useState(0);
+  const [memberData, setMemberData] = useState(useLoaderData<typeof loader>());
 
   return (
     <Container maxW="container.lg">