From 8b1e44fa912235512383481bf72eaffa1d7fce2b Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:51:07 -0400
Subject: [PATCH] Trial self deletion for item cards

---
 components/AppealCard.tsx     |  4 ++--
 components/GameAppealCard.tsx | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/AppealCard.tsx b/components/AppealCard.tsx
index 164f7da..75b6803 100644
--- a/components/AppealCard.tsx
+++ b/components/AppealCard.tsx
@@ -73,11 +73,11 @@ export default function (props: AppealCardProps) {
 
     onClose();
     setLoading(false);
-    location.reload();
+    document.getElementById(`appeal_${props.id}`)?.remove();
   }
 
   return (
-    <Card id={`appeal_${props.user.id}`} key={props.id} w="100%">
+    <Card id={`appeal_${props.id}`} key={props.id} w="100%">
       <Modal isOpen={isOpen} onClose={onClose}>
         <ModalOverlay />
         <ModalContent>
diff --git a/components/GameAppealCard.tsx b/components/GameAppealCard.tsx
index 4ea3188..146b39e 100644
--- a/components/GameAppealCard.tsx
+++ b/components/GameAppealCard.tsx
@@ -57,13 +57,19 @@ export default function (props: GameAppealProps) {
     );
 
     setLoading(false);
-    location.reload();
+    document
+      .getElementById(`gma_${props.roblox_id}${props.created_at}`)
+      ?.remove();
   }
 
   const { isOpen, onClose, onOpen } = useDisclosure();
 
   return (
-    <Card key={props.roblox_id} w="100%">
+    <Card
+      id={`gma_${props.roblox_id}${props.created_at}`}
+      key={props.roblox_id}
+      w="100%"
+    >
       <CardHeader>
         <Heading size="md">Game Ban Appeal for {props.roblox_username}</Heading>
         <Text fontSize="xs">ID: {props.roblox_id}</Text>