Merge pull request #349 from bounswe/mobile/env/eslint-prettier

env: Set up Eslint & Prettier and Apply rules

mobile/tradeverse/.eslintignore

@@ -0,0 +1 @@
+babel.config.js

mobile/tradeverse/.eslintrc

@@ -0,0 +1,23 @@
+{
+  "extends": [
+    "airbnb-base",
+    "prettier",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+  ],
+  "plugins": ["prettier", "react", "react-hooks"],
+  "rules": {
+    "prettier/prettier": ["error"],
+    "eqeqeq": "off",
+    "comma-dangle": "off",
+    "no-underscore-dangle": "off",
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"],
+      },
+      "babel-module": {},
+    },
+  },
+}

mobile/tradeverse/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

mobile/tradeverse/app.json

@@ -27,9 +27,7 @@
       "output": "static",
       "favicon": "./assets/images/favicon.png"
     },
-    "plugins": [
-      "expo-router"
-    ],
+    "plugins": ["expo-router"],
     "experiments": {
       "typedRoutes": true
     },

mobile/tradeverse/app/(tabs)/_layout.jsx

@@ -1,14 +1,17 @@
 /* eslint-disable react/self-closing-comp */
-import { Tabs } from "expo-router";
-import { COLORS } from "../../constants/theme";
-import { NAV_OPTIONS } from "../../config/navigation";
-import AuthGuard from "../../auth/context/auth-guard";
-import CustomTabBar from "../../components/ui/tabbar/index";
+import { Tabs } from 'expo-router'
+import { COLORS } from '../../constants/theme'
+import { NAV_OPTIONS } from '../../config/navigation'
+import AuthGuard from '../../auth/context/auth-guard'
+import CustomTabBar from '../../components/ui/tabbar/index'
 
 export default function Layout() {
   return (
     <AuthGuard>
-      <Tabs tabBar={(props) => <CustomTabBar {...props}/>} initialRouteName="home">
+      <Tabs
+        tabBar={(props) => <CustomTabBar {...props} />}
+        initialRouteName="home"
+      >
         {NAV_OPTIONS.map((option) => (
           <Tabs.Screen
             key={option.routeValue}
@@ -17,13 +20,13 @@ export default function Layout() {
               ...(option.headerOptions ?? {}),
               title: option.label,
               tabBarIcon: (opt) => {
-                return opt.focused ? option.activeIcon : option.icon;
+                return opt.focused ? option.activeIcon : option.icon
               },
               tabBarActiveTintColor: COLORS.primary,
             }}
           />
         ))}
       </Tabs>
     </AuthGuard>
-  );
+  )
 }

mobile/tradeverse/app/(tabs)/account/_layout.jsx

@@ -1,10 +1,10 @@
-import { Stack } from 'expo-router';
-import React from 'react';
+import { Stack } from 'expo-router'
+import React from 'react'
 
 export default function StackLayout() {
   return (
     <Stack>
-      <Stack.Screen name='index' options={{ headerShown: false }} />
+      <Stack.Screen name="index" options={{ headerShown: false }} />
     </Stack>
-  );
+  )
 }

mobile/tradeverse/app/(tabs)/account/followed-topics.jsx

@@ -3,7 +3,5 @@ import React from 'react'
 import FollowedTopicsScreen from '../../../screens/followed-topics'
 
 export default function FollowedTopics() {
-  return (
-    <FollowedTopicsScreen />
-  )
-}
+  return <FollowedTopicsScreen />
+}

mobile/tradeverse/app/(tabs)/account/followed-users.jsx

@@ -4,7 +4,5 @@ import AssetDetailScreen from '../../../screens/asset-detail'
 import FollowedUsersScreen from '../../../screens/followed-users'
 
 export default function AssetDetail() {
-  return (
-   <FollowedUsersScreen/>
-  )
-}
+  return <FollowedUsersScreen />
+}

mobile/tradeverse/app/(tabs)/account/index.jsx

@@ -1,8 +1,6 @@
-import React from 'react';
-import AccountRootScreen from '../../../screens/account-root';
+import React from 'react'
+import AccountRootScreen from '../../../screens/account-root'
 
 export default function Account() {
-  return (
-    <AccountRootScreen/>
-  );
+  return <AccountRootScreen />
 }

mobile/tradeverse/app/(tabs)/account/portfolio.jsx

@@ -3,7 +3,5 @@ import React from 'react'
 import PortfolioScreen from '../../../screens/portfolio'
 
 export default function Profile() {
-  return (
-    <PortfolioScreen />
-  )
-}
+  return <PortfolioScreen />
+}

mobile/tradeverse/app/(tabs)/account/profile.jsx

@@ -3,7 +3,5 @@ import React from 'react'
 import AccountProfileScreen from '../../../screens/account-profile'
 
 export default function Profile() {
-  return (
-    <AccountProfileScreen />
-  )
-}
+  return <AccountProfileScreen />
+}

mobile/tradeverse/app/(tabs)/create/_layout.jsx

@@ -1,11 +1,10 @@
-import { Stack } from 'expo-router';
-import React from 'react';
+import { Stack } from 'expo-router'
+import React from 'react'
 
 export default function StackLayout() {
   return (
     <Stack>
-      <Stack.Screen name='index' options={{ headerShown: false }} />
+      <Stack.Screen name="index" options={{ headerShown: false }} />
     </Stack>
-  );
+  )
 }
-

mobile/tradeverse/app/(tabs)/create/add-post.jsx

@@ -3,7 +3,5 @@ import React from 'react'
 import CreatePostScreen from '../../../screens/create-post'
 
 export default function post() {
-  return (
-<CreatePostScreen />
-  )
-}
+  return <CreatePostScreen />
+}

mobile/tradeverse/app/(tabs)/create/add-subforum.jsx

@@ -1,6 +1,6 @@
-import React from "react";
-import CreateSubForumScreen from "../../../screens/create-subforum";
+import React from 'react'
+import CreateSubForumScreen from '../../../screens/create-subforum'
 
 export default function post() {
-  return <CreateSubForumScreen />;
+  return <CreateSubForumScreen />
 }

mobile/tradeverse/app/(tabs)/create/index.jsx

@@ -1,8 +1,6 @@
-import React from 'react';
-import CreateRootScreen from '../../../screens/create-root';
+import React from 'react'
+import CreateRootScreen from '../../../screens/create-root'
 
 export default function Create() {
-  return (
-      <CreateRootScreen/>
-  );
+  return <CreateRootScreen />
 }

mobile/tradeverse/app/(tabs)/explore/_layout.jsx

@@ -1,10 +1,10 @@
-import { Stack } from 'expo-router';
-import React from 'react';
+import { Stack } from 'expo-router'
+import React from 'react'
 
 export default function StackLayout() {
   return (
     <Stack>
-      <Stack.Screen name='index' options={{ headerShown: false }} />
+      <Stack.Screen name="index" options={{ headerShown: false }} />
     </Stack>
-  );
+  )
 }

mobile/tradeverse/app/(tabs)/explore/index.jsx

@@ -1,9 +1,7 @@
-import React from 'react';
-import { Text } from 'react-native';
-import ExploreRootScreen from '../../../screens/explore-root';
+import React from 'react'
+import { Text } from 'react-native'
+import ExploreRootScreen from '../../../screens/explore-root'
 
 export default function Explore() {
-  return (
-    <ExploreRootScreen/>
-  );
+  return <ExploreRootScreen />
 }

mobile/tradeverse/app/(tabs)/explore/post-detail.jsx

@@ -1,8 +1,7 @@
 import { View, Text } from 'react-native'
 import React from 'react'
 import PostDetailScreen from '../../../screens/post-detail'
+
 export default function PostDetail() {
-  return (
-    <PostDetailScreen />
-  )
-}
+  return <PostDetailScreen />
+}

mobile/tradeverse/app/(tabs)/explore/search/asset-detail.jsx

@@ -1,6 +1,7 @@
-import { View, Text } from "react-native";
-import React from "react";
-import AssetDetailScreen from "../../../../screens/asset-detail";
+import { View, Text } from 'react-native'
+import React from 'react'
+import AssetDetailScreen from '../../../../screens/asset-detail'
+
 export default function AssetDetail() {
-  return <AssetDetailScreen />;
+  return <AssetDetailScreen />
 }

mobile/tradeverse/app/(tabs)/explore/search/index.jsx

@@ -1,8 +1,6 @@
-import React from 'react';
-import SearchResultsScreen from '../../../../screens/explore-search-results';
-
-export default function SearchItem() {
-  return (
-      <SearchResultsScreen />
-  );
-}
+import React from 'react'
+import SearchResultsScreen from '../../../../screens/explore-search-results'
+
+export default function SearchItem() {
+  return <SearchResultsScreen />
+}

mobile/tradeverse/app/(tabs)/explore/search/post-detail.jsx

@@ -1,8 +1,7 @@
 import { View, Text } from 'react-native'
 import React from 'react'
 import PostDetailScreen from '../../../../screens/post-detail'
+
 export default function PostDetail() {
-  return (
-    <PostDetailScreen />
-  )
-}
+  return <PostDetailScreen />
+}

mobile/tradeverse/app/(tabs)/explore/search/subforum-detail.jsx

@@ -1,9 +1,7 @@
 import { View, Text } from 'react-native'
 import React from 'react'
 import SubForumDetailScreen from '../../../../screens/subforum-detail'
-export default function SubForumDetail() {
-  return (
-<SubForumDetailScreen/>
 
-  )
-}
+export default function SubForumDetail() {
+  return <SubForumDetailScreen />
+}

mobile/tradeverse/app/(tabs)/explore/search/user-profile.jsx

@@ -3,7 +3,5 @@ import React from 'react'
 import UserProfileScreen from '../../../../screens/profile'
 
 export default function UserProfile() {
-  return (
-    <UserProfileScreen />
-  )
-}
+  return <UserProfileScreen />
+}

mobile/tradeverse/app/(tabs)/explore/subforum-detail.jsx

@@ -1,9 +1,7 @@
 import { View, Text } from 'react-native'
 import React from 'react'
 import SubForumDetailScreen from '../../../screens/subforum-detail'
-export default function SubForumDetail() {
-  return (
-<SubForumDetailScreen/>
 
-  )
-}
+export default function SubForumDetail() {
+  return <SubForumDetailScreen />
+}

mobile/tradeverse/app/(tabs)/explore/user-profile.jsx

@@ -3,7 +3,5 @@ import React from 'react'
 import UserProfileScreen from '../../../screens/profile'
 
 export default function UserProfile() {
-  return (
-    <UserProfileScreen />
-  )
-}
+  return <UserProfileScreen />
+}

mobile/tradeverse/app/(tabs)/home/_layout.jsx

@@ -1,10 +1,10 @@
-import { Stack } from 'expo-router';
-import React from 'react';
+import { Stack } from 'expo-router'
+import React from 'react'
 
 export default function StackLayout() {
   return (
     <Stack>
-      <Stack.Screen name='index' options={{ headerShown: false }} />
+      <Stack.Screen name="index" options={{ headerShown: false }} />
     </Stack>
-  );
+  )
 }

mobile/tradeverse/app/(tabs)/home/index.jsx

@@ -1,9 +1,7 @@
-import React from "react";
-import { Text } from "react-native";
-import HomeRootScreen from "../../../screens/home-root";
+import React from 'react'
+import { Text } from 'react-native'
+import HomeRootScreen from '../../../screens/home-root'
 
 export default function Home() {
-  return (
-      <HomeRootScreen />
-  );
+  return <HomeRootScreen />
 }

mobile/tradeverse/app/(tabs)/home/post-detail.jsx

@@ -1,8 +1,7 @@
 import { View, Text } from 'react-native'
 import React from 'react'
 import PostDetailScreen from '../../../screens/post-detail'
+
 export default function PostDetail() {
-  return (
-    <PostDetailScreen />
-  )
-}
+  return <PostDetailScreen />
+}

mobile/tradeverse/app/(tabs)/home/subforum-detail.jsx

@@ -1,9 +1,7 @@
 import { View, Text } from 'react-native'
 import React from 'react'
 import SubForumDetailScreen from '../../../screens/subforum-detail'
-export default function SubForumDetail() {
-  return (
-<SubForumDetailScreen/>
 
-  )
-}
+export default function SubForumDetail() {
+  return <SubForumDetailScreen />
+}