Lint

Author: codeAbinash

.eslintignore

@@ -0,0 +1 @@
+src/rpc/

bun.lock

@@ -57,12 +57,13 @@
     "@react-native/eslint-config": "0.77.0",
     "@react-native/metro-config": "0.77.0",
     "@react-native/typescript-config": "0.77.0",
+    "@tanstack/eslint-plugin-query": "^5.66.0",
     "@types/jest": "^29.5.14",
     "@types/react": "^18.3.18",
     "@types/react-test-renderer": "^18.3.1",
     "babel-jest": "^29.7.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "eslint": "^9.19.0",
+    "eslint": "^8.19.0",
     "jest": "^29.7.0",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",

package.json

@@ -2,7 +2,7 @@ const Animations = {
   'broken-clouds': require('./lottie/broken-clouds.lottie'),
   'coming-soon': require('./lottie/coming-soon.lottie'),
   welcome: require('./lottie/welcome.lottie'),
-  lock : require('./lottie/lock.lottie'),
+  lock: require('./lottie/lock.lottie'),
 }
 
 export default Animations

src/assets/animations/animations.ts

@@ -30,7 +30,7 @@ export default function Search({ onChangeText, value, ...all }: TextInputProps)
       <TextInput
         ref={ref}
         className='flex-1 p-3 text-zinc-800 dark:text-zinc-200'
-        style={[SEMIBOLD, { fontSize: 13, marginBottom: 1, height: 40 }]}
+        style={[SEMIBOLD, { fontSize: 13, marginBottom: 3, height: 40 }]}
         placeholderTextColor={scheme === 'dark' ? Colors.zinc[500] : Colors.zinc[400]}
         cursorColor={Colors.accent}
         selectionColor={Colors.accent + '55'}

src/components/Search.tsx

@@ -14,7 +14,7 @@ export default function Onboarding({ navigation }: NavProp) {
   return (
     <View className='gap-5-center flex-1 items-center justify-between'>
       <PaddingTop />
-      <View className='flex-1 items-center justify-between px-8'>
+      <View className='w-full flex-1 items-center justify-between px-8'>
         <View />
         <View>
           <Lottie source={Animations.welcome} style={{ width: W * 0.65, height: W * 0.65, marginTop: -50 }} />
@@ -26,7 +26,9 @@ export default function Onboarding({ navigation }: NavProp) {
             </SemiBold>
           </View>
         </View>
-        <Btn title='Get Started' onPress={handlePress} />
+        <View className='w-full'>
+          <Btn title='Get Started' onPress={handlePress} />
+        </View>
       </View>
       <View className='h-5'></View>
       <PaddingBottom />

src/screens/Onboarding.tsx

@@ -86,6 +86,7 @@ export default function Settings({ navigation }: NavProp) {
         setTotalSize(getStartWithSize(''))
         setTotalCache(getStorageSize(Caches))
       })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   function clearCache() {

src/screens/Settings/Settings/Settings.tsx

@@ -58,7 +58,7 @@ export default function RandomPassword({ navigation }: NavProp) {
   return (
     <SettWrapper navigation={navigation} title='Random Password'>
       <Gap12>
-        <Lottie source={Animations['lock']} style={{ marginTop: 20, width: W * 0.5, height: W * 0.5 }} />
+        <Lottie source={Animations.lock} style={{ marginTop: 20, width: W * 0.5, height: W * 0.5 }} />
         <SettText>Here you will set some options to generate a random password</SettText>
         <SettGroup title='Password Length'>
           <MemoRange setVal={setLen} initial={INITIAL} max={MAX} min={MIN} Bottom={BottomPart} />
@@ -84,7 +84,7 @@ export default function RandomPassword({ navigation }: NavProp) {
         </SettGroup>
         <SettGroup>
           {generatedPassword ? (
-            <View className='flex-row items-center justify-between py-2 px-5'>
+            <View className='flex-row items-center justify-between px-5 py-2'>
               <TouchableOpacity
                 activeOpacity={0.7}
                 onPress={() => {

src/screens/Try/RandomPassword.tsx

@@ -86,7 +86,7 @@ export default function Login({ navigation }: NavProp) {
         <PaddingTop />
         <View className='px-5 py-5 pb-8'>
           <Bold className='pb-3 text-3xl text-black dark:text-white'>Login to Tech Triangle</Bold>
-          <Lottie source={Animations['welcome']} style={{ width: W * 0.6, height: W * 0.6 }} />
+          <Lottie source={Animations.welcome} style={{ width: W * 0.6, height: W * 0.6 }} />
         </View>
         <Gap12>
           <SettGroup title='Email or Username'>

src/screens/auth/Login.tsx

@@ -60,7 +60,7 @@ export default function Verify({ navigation, route }: { navigation: StackNav; ro
         <PaddingTop />
         <View className='px-5 py-5 pb-5'>
           <Bold className='pb-8 text-3xl text-black dark:text-white'>Please Verify your account</Bold>
-          <Lottie source={Animations['lock']} />
+          <Lottie source={Animations.lock} />
         </View>
         <Gap12>
           <SettText className='text-blue-500'>Please check also your spam folder for the OTP.</SettText>