From 85166c21a17c5ed83fa3267913a7ba49d8eb98a9 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Sat, 10 Aug 2024 16:39:41 +0100
Subject: [PATCH] reverse card selection

---
 aimenet-web/src/pages/card-in-screen.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/aimenet-web/src/pages/card-in-screen.tsx b/aimenet-web/src/pages/card-in-screen.tsx
index 9b913a5..548b7af 100644
--- a/aimenet-web/src/pages/card-in-screen.tsx
+++ b/aimenet-web/src/pages/card-in-screen.tsx
@@ -92,10 +92,14 @@ function ServerCardInPage() {
     const [server, setServer] = useState<AimeServer | null>(null);
     const [connectionError, setConnectionError] = useState(false);
     const [cardInStatus, setCardInStatus] = useState(false);
-    const [selectedCard, setSelectedCard] = useState<AimeCard | undefined | null>(null);
+    const [selectedCard, setSelectedCard] = useState<AimeCard | null>(null);
 
     // select newest card
-    useEffect(() => setSelectedCard(cards?.sort(x => x.lastUsed)[0]), [cards]);
+    useEffect(() => {
+        const sortedCards = cards?.sort(x => x.lastUsed);
+        setSelectedCard(sortedCards ? sortedCards[sortedCards.length - 1] : null);
+    }, [cards]);
+    
     useEffect(() => {
         const loadServer = async () => {
             if (!serverId) {
@@ -192,7 +196,8 @@ function ServerCardInPage() {
                                 <AlertDialogHeader>
                                     <AlertDialogTitle>Confirm Deletion</AlertDialogTitle>
                                     <AlertDialogDescription>
-                                        You'll need to re-enter the server information if you want to use it in the future...
+                                        You'll need to re-enter the server information if you want to use it in the
+                                        future...
                                     </AlertDialogDescription>
                                 </AlertDialogHeader>
                                 <AlertDialogFooter>