From 78668a1b6aa3da5d8d26e7c34d5701bfc721fd0d Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Sun, 4 May 2025 19:10:28 +0100
Subject: [PATCH] improve non-nfc enabled apple device message

---
 amnet-native/app/card/CardAddModal.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/amnet-native/app/card/CardAddModal.tsx b/amnet-native/app/card/CardAddModal.tsx
index 482fb24..c2fdec3 100644
--- a/amnet-native/app/card/CardAddModal.tsx
+++ b/amnet-native/app/card/CardAddModal.tsx
@@ -5,7 +5,7 @@ import {Platform, TouchableOpacity, View} from "react-native";
 import {createNativeStackNavigator} from "@react-navigation/native-stack";
 
 import {Card, Paragraph, Text, Title, useTheme} from "react-native-paper";
-import {SmartphoneNfc, SquareAsterisk, SquarePlus} from "lucide-react-native";
+import {ShieldBan, SmartphoneNfc, SquareAsterisk, SquarePlus} from "lucide-react-native";
 
 import ManualCardEntry from "./ManualCardEntry";
 import PhysicalCardScan from "./PhyscialCardScan";
@@ -42,10 +42,10 @@ function CardAddMethodSelector({navigation}) {
 
             {nfcSupported !== null && (
                 <>
-                    <MethodCard color="#03a9f4"
-                                icon={<SmartphoneNfc/>}
+                    <MethodCard title="Scan Physical Card"
                                 disabled={!nfcSupported}
-                                title="Scan Physical Card"
+                                color={nfcSupported ? "#03a9f4" : "gray"}
+                                icon={nfcSupported ? <SmartphoneNfc/> : <ShieldBan/>}
                                 description={nfcSupported ? "Amusement IC or Transport cards supported" : "NFC is not supported on this device"}
                                 onPress={() => navigation.navigate('Scan')}/>
 
@@ -102,4 +102,7 @@ function MethodCard(props: {
 }
 
 // the nfc library doesn't offer the same support for felica cards on android compared to ios...
-export default Platform.OS === 'ios' ? CardAddModal : ManualCardEntry;
+export default Platform.select({
+    ios: CardAddModal,
+    default: ManualCardEntry
+});