Make buttons actually work and fix css for them

regalijan · Oct 19, 2023 · 05f2d1e · 05f2d1e
1 parent ef03797
commit 05f2d1e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/ReportCard.tsx b/components/ReportCard.tsx
@@ -60,12 +60,14 @@ export default function (props: ReportCardProps) {
             <HStack
               pos="absolute"
               top="50%"
-              transform="translateY(-50%)"
+              transform="translate(5%, -50%)"
+              w="90%"
               zIndex="1"
             >
               <Button
                 borderRadius="50%"
                 h="16"
+                onClick={() => setAttachmentIdx(attachmentIdx - 1)}
                 visibility={attachmentIdx > 0 ? "visible" : "hidden"}
                 w="16"
               >
@@ -86,6 +88,7 @@ export default function (props: ReportCardProps) {
               <Button
                 borderRadius="50%"
                 h="16"
+                onClick={() => setAttachmentIdx(attachmentIdx + 1)}
                 visibility={
                   props.attachments.length > attachmentIdx + 1
                     ? "visible"