fix: Update skeleton prop logic in Txt component and adjust usage in NewCoordinateNotes screen

Author: codeAbinash

src/components/Text.tsx

@@ -15,8 +15,8 @@ type TxtProps = TextProps & {
   skeleton?: boolean | string | number | object | undefined | null
 }
 
-export function Txt({ children, size, style, skeleton = true, ...rest }: TxtProps) {
-  if (skeleton === undefined) return <TxtSkeleton />
+export function Txt({ children, size, style, skeleton, ...rest }: TxtProps) {
+  if (skeleton) return <TxtSkeleton />
   return (
     <Medium className='text-zinc-500' style={[{ fontSize: size || 11.5 }, style]} {...rest}>
       {children}

src/screens/CoordinateNotes/NewCoordinateNotes.tsx

@@ -87,43 +87,46 @@ export default function NewCoordinateNotes({ navigation }: NavProp) {
 function LocationDetails({ data }: { data: GeoPosition | undefined }) {
   console.log(data?.coords.latitude)
   const { coords: { latitude, longitude, accuracy, altitude, altitudeAccuracy, speed } = {}, timestamp } = data || {}
+
+  console.log(latitude, longitude, accuracy, altitude, altitudeAccuracy, speed, timestamp)
+
   return (
     <>
       <Gap12>
         <SettGroup title='Location Details'>
           <SettOption
             title='Latitude'
             Icon={<RoundedIcon Icon={LongitudeIcon} className='bg-blue-500' />}
-            Right={<Txt skeleton={latitude}>{getLatitude(latitude || 0)}</Txt>}
+            Right={<Txt skeleton={latitude === undefined}>{getLatitude(latitude || 0)}</Txt>}
           />
           <SettOption
             title='Longitude'
             Icon={<RoundedIcon Icon={LatitudeIcon} className='bg-green-500' />}
-            Right={<Txt skeleton={longitude}>{getLongitude(longitude || 0)}</Txt>}
+            Right={<Txt skeleton={longitude === undefined}>{getLongitude(longitude || 0)}</Txt>}
           />
           <SettOption
             title='Accuracy'
             Icon={<RoundedIcon Icon={DashboardSpeed02Icon} className='bg-rose-500' />}
-            Right={<Txt skeleton={accuracy}>{accuracy?.toFixed(0)} m</Txt>}
+            Right={<Txt skeleton={accuracy === undefined}>{accuracy?.toFixed(0)} m</Txt>}
           />
           <SettOption
             title='Altitude'
             Icon={<RoundedIcon Icon={EarthIcon} className='bg-blue-500' />}
             Right={
-              <Txt skeleton={altitude}>
+              <Txt skeleton={altitude === undefined}>
                 {altitude?.toFixed(0)} m ± {altitudeAccuracy?.toFixed(0)} m
               </Txt>
             }
           />
           <SettOption
             title='Speed'
             Icon={<RoundedIcon Icon={Rocket01Icon} className='bg-orange-500' />}
-            Right={<Txt skeleton={speed}>{speed?.toFixed(0)} m/s</Txt>}
+            Right={<Txt skeleton={speed === undefined}>{speed?.toFixed(0)} m/s</Txt>}
           />
           <SettOption
             title='Timestamp'
             Icon={<RoundedIcon Icon={Timer02Icon} className='bg-accent' />}
-            Right={<Txt skeleton={timestamp}>{new Date(timestamp || 0).toLocaleString()}</Txt>}
+            Right={<Txt skeleton={timestamp === undefined}>{new Date(timestamp || 0).toLocaleString()}</Txt>}
           />
         </SettGroup>
       </Gap12>