From 84d12d4102eb14b9f8b4bd3653dfbae2d703b449 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Tue, 13 Aug 2024 21:34:57 +0100
Subject: [PATCH] fix bad card style on light theme

---
 amnet-native/app/CardAddModal.tsx   | 2 +-
 amnet-native/app/ServerAddModal.tsx | 2 +-
 amnet-native/app/ServerCardIn.tsx   | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/amnet-native/app/CardAddModal.tsx b/amnet-native/app/CardAddModal.tsx
index 5f88757..0c16f34 100644
--- a/amnet-native/app/CardAddModal.tsx
+++ b/amnet-native/app/CardAddModal.tsx
@@ -55,7 +55,7 @@ export default function CardAddModal({navigation}) {
     }, [navigation, modalStyles, cardName, cardNumber]);
 
     return (<View style={{display: "flex", gap: 10, justifyContent: "center", paddingHorizontal: 15, paddingTop: 25}}>
-        <Card>
+        <Card mode="contained">
             <Card.Content>
                 <View style={modalStyles.formItemRow}>
                     <Paragraph style={modalStyles.formItemName}>
diff --git a/amnet-native/app/ServerAddModal.tsx b/amnet-native/app/ServerAddModal.tsx
index 75fb71b..e094de5 100644
--- a/amnet-native/app/ServerAddModal.tsx
+++ b/amnet-native/app/ServerAddModal.tsx
@@ -57,7 +57,7 @@ export default function ServerAddModal({navigation}) {
     }, [serverAddress, realm]);
 
     return (<View style={{display: "flex", gap: 10, justifyContent: "center", paddingHorizontal: 15, paddingTop: 25}}>
-        <Card>
+        <Card mode="contained">
             <Card.Content>
                 <View style={{...modalStyles.formItemRow, gap: 10}}>
                     <Paragraph style={{...modalStyles.formItemName, minWidth: 0}}>
diff --git a/amnet-native/app/ServerCardIn.tsx b/amnet-native/app/ServerCardIn.tsx
index 91ebbcb..e8eb059 100644
--- a/amnet-native/app/ServerCardIn.tsx
+++ b/amnet-native/app/ServerCardIn.tsx
@@ -1,7 +1,7 @@
-import {Alert, FlatList, RefreshControl, ScrollView, StyleSheet, View} from "react-native";
+import {Alert, RefreshControl, ScrollView, StyleSheet, Text, View} from "react-native";
 import React, {useCallback, useEffect, useLayoutEffect, useMemo, useState} from "react";
+import {ActivityIndicator, Button, Card, Paragraph, Title, useTheme} from "react-native-paper";
 import {CircleCheck, CircleDot, CreditCard, Nfc, Plus, SmartphoneNfcIcon, WifiOff} from "lucide-react-native";
-import {ActivityIndicator, Button, Card, MD3Colors, Paragraph, Title, useTheme} from "react-native-paper";
 import {EmptyStatePlaceholder} from "../components/EmptyStatePlaceholder";
 import {AimeCard} from "../components/AimeCard";
 import {BSON} from "realm";
@@ -172,7 +172,7 @@ export default function ServerCardIn({route, navigation}) {
                     </View>}
             </View>
 
-            {cards.length && (
+            {cards.length > 0 && (
                 <View style={styles.section}>
                     <Title style={{fontWeight: "bold"}}>Additional Cards</Title>
                     <Button mode="contained"