feat: Update assets and improve code comments across multiple components
- Updated favicon and various image assets. - Enhanced comments. - Adjusted styles and functionality in several components for improved user experience. - Updated package-lock.json to reflect dependency updates.
This commit is contained in:
@@ -9,8 +9,9 @@ interface NfcScanModalProps {
|
||||
onScan: (data: string) => void;
|
||||
}
|
||||
|
||||
// TODO: Needs to be tested on a real device
|
||||
export default function NfcScanModal({ visible, onClose, onScan }: NfcScanModalProps) {
|
||||
// Animazione per l'effetto "pulsante" (Breathing)
|
||||
// Breathing animation effect
|
||||
const scaleAnim = useRef(new Animated.Value(1)).current;
|
||||
const opacityAnim = useRef(new Animated.Value(0.3)).current;
|
||||
|
||||
@@ -44,7 +45,7 @@ export default function NfcScanModal({ visible, onClose, onScan }: NfcScanModalP
|
||||
}
|
||||
};
|
||||
|
||||
// Loop infinito di espansione e contrazione
|
||||
// Animation loop for the pulsing effect
|
||||
const animationLoop = () => {
|
||||
Animated.loop(
|
||||
Animated.parallel([
|
||||
@@ -97,11 +98,9 @@ export default function NfcScanModal({ visible, onClose, onScan }: NfcScanModalP
|
||||
statusBarTranslucent
|
||||
>
|
||||
<View className="flex-1 bg-black/80 items-center justify-center p-6">
|
||||
|
||||
{/* Card Principale */}
|
||||
<View className="bg-white w-full max-w-sm rounded-[2.5rem] p-8 items-center shadow-2xl relative overflow-hidden">
|
||||
|
||||
{/* Bottone Chiudi (Alto Destra) */}
|
||||
{/* Close Button (Top Right) */}
|
||||
<TouchableOpacity
|
||||
onPress={onClose}
|
||||
className="absolute top-6 right-6 z-10 p-2 bg-gray-50 rounded-full"
|
||||
@@ -109,9 +108,9 @@ export default function NfcScanModal({ visible, onClose, onScan }: NfcScanModalP
|
||||
<X size={20} color="#9ca3af" />
|
||||
</TouchableOpacity>
|
||||
|
||||
{/* Area Animata NFC */}
|
||||
{/* NFC Animated Area */}
|
||||
<View className="mt-6 mb-10 items-center justify-center h-40 w-40">
|
||||
{/* Cerchio Pulsante (Sfondo) */}
|
||||
{/* Pulsing Circle (Background) */}
|
||||
<Animated.View
|
||||
style={{
|
||||
position: 'absolute',
|
||||
@@ -124,13 +123,13 @@ export default function NfcScanModal({ visible, onClose, onScan }: NfcScanModalP
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Cerchio Fisso (Primo piano) */}
|
||||
{/* Fixed Circle (Foreground) */}
|
||||
<View className="bg-[#E6F4F4] p-6 rounded-full border-4 border-white shadow-sm z-10">
|
||||
<SmartphoneNfc size={64} color="#099499" />
|
||||
</View>
|
||||
</View>
|
||||
|
||||
{/* Testi */}
|
||||
{/* Texts */}
|
||||
<Text className="text-2xl font-bold text-gray-800 text-center mb-2">
|
||||
Pronto alla scansione
|
||||
</Text>
|
||||
@@ -139,7 +138,7 @@ export default function NfcScanModal({ visible, onClose, onScan }: NfcScanModalP
|
||||
Avvicina il retro del tuo smartphone al <Text className="font-bold text-gray-700">Tag NFC</Text> per registrare la presenza.
|
||||
</Text>
|
||||
|
||||
{/* Indicatore Visivo (Simulazione onde) */}
|
||||
{/* Indicator (Wave Simulation) */}
|
||||
<View className="flex-row gap-2 mt-8 items-center opacity-60">
|
||||
<Radio size={20} color="#099499" />
|
||||
<Text className="text-[#099499] font-medium text-sm uppercase tracking-widest">
|
||||
|
||||
Reference in New Issue
Block a user