From 2f06159668d8b62cfca3fca87d0efc4e7c3887c3 Mon Sep 17 00:00:00 2001
From: Regalijan <r@regalijan.com>
Date: Tue, 27 Feb 2024 14:12:09 -0500
Subject: [PATCH] Support asynchronous member table updates

---
 app/routes/et-members.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/routes/et-members.tsx b/app/routes/et-members.tsx
index 0714420..c7f9fb8 100644
--- 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">