From 952cad9bc0c4669b893c2f4868ddf317107f0ca5 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:49:24 -0400
Subject: [PATCH] Fix buttons and invert attachment loading check

---
 components/ReportCard.tsx | 61 +++++++++++++++++++++------------------
 1 file changed, 33 insertions(+), 28 deletions(-)

diff --git a/components/ReportCard.tsx b/components/ReportCard.tsx
index 24714cc..ff31144 100644
--- a/components/ReportCard.tsx
+++ b/components/ReportCard.tsx
@@ -40,7 +40,7 @@ export default function (props: {
   }
 
   return (
-    <Card>
+    <Card w="100%">
       <CardHeader>
         <Heading size="lg">
           Report for {props.target_usernames.toString()}
@@ -49,9 +49,9 @@ export default function (props: {
       </CardHeader>
       <CardBody>
         {attachmentReady ? (
-          <Text>Attachment processing...</Text>
-        ) : (
           <video src={`/api/uploads/${props.attachment}`} width="100%" />
+        ) : (
+          <Text>Attachment processing...</Text>
         )}
       </CardBody>
       <CardFooter>
@@ -64,31 +64,36 @@ export default function (props: {
           </Button>
         ) : (
           <Stack direction="column">
-            {Object.entries(targetMap).map(([id, username]) => {
-              return (
-                <RadioGroup
-                  name={id}
-                  onChange={(val) =>
-                    Object.defineProperty(actionMap, parseInt(id), {
-                      value: parseInt(val),
-                    })
-                  }
-                >
-                  <Stack direction="row">
-                    <Text>{username}</Text>
-                    <Radio key={0} value="0">
-                      Ignore
-                    </Radio>
-                    <Radio key={1} value="1">
-                      Hide from Leaderboards
-                    </Radio>
-                    <Radio key={2} value="2">
-                      Ban
-                    </Radio>
-                  </Stack>
-                </RadioGroup>
-              );
-            })}
+            {(function () {
+              const radioGroups = [];
+              for (let i = 0; i < props.target_ids.length; i++) {
+                radioGroups.push(
+                  <RadioGroup
+                    name={props.target_ids[i].toString()}
+                    onChange={(val) => {
+                      Object.defineProperty(actionMap, props.target_ids[i], {
+                        value: parseInt(val),
+                      });
+                    }}
+                  >
+                    <Stack direction="row">
+                      <Text>{props.target_usernames[i]}</Text>
+                      <Radio key={0} value="0">
+                        Ignore
+                      </Radio>
+                      <Radio key={1} value="1">
+                        Hide from Leaderboards
+                      </Radio>
+                      <Radio key={2} value="2">
+                        Ban
+                      </Radio>
+                    </Stack>
+                  </RadioGroup>
+                );
+              }
+
+              return radioGroups;
+            })()}
             <Box pt="16px">
               <Button colorScheme="blue">Submit</Button>
             </Box>