Refactor code and enhance maintainability.

Author: abrar2030

mobile-frontend/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native',
+  extends: "@react-native",
 };

mobile-frontend/App.tsx

@@ -1,31 +1,31 @@
-import React, {useEffect} from 'react';
-import {Provider} from 'react-redux';
-import {NavigationContainer} from '@react-navigation/native';
-import {createNativeStackNavigator} from '@react-navigation/native-stack';
-import {store} from './src/store';
-import {useAppDispatch, useAppSelector} from './src/store/hooks';
-import {checkStoredAuth} from './src/store/slices/authSlice';
+import React, { useEffect } from "react";
+import { Provider } from "react-redux";
+import { NavigationContainer } from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import { store } from "./src/store";
+import { useAppDispatch, useAppSelector } from "./src/store/hooks";
+import { checkStoredAuth } from "./src/store/slices/authSlice";
 
 // Screens
-import LoginScreen from './src/screens/LoginScreen';
-import RegisterScreen from './src/screens/RegisterScreen';
-import DashboardScreen from './src/screens/DashboardScreen';
-import CreditHistoryScreen from './src/screens/CreditHistoryScreen';
-import LoanCalculatorScreen from './src/screens/LoanCalculatorScreen';
-import ProfileScreen from './src/screens/ProfileScreen';
+import LoginScreen from "./src/screens/LoginScreen";
+import RegisterScreen from "./src/screens/RegisterScreen";
+import DashboardScreen from "./src/screens/DashboardScreen";
+import CreditHistoryScreen from "./src/screens/CreditHistoryScreen";
+import LoanCalculatorScreen from "./src/screens/LoanCalculatorScreen";
+import ProfileScreen from "./src/screens/ProfileScreen";
 
 const Stack = createNativeStackNavigator();
 
 const AppNavigator = () => {
   const dispatch = useAppDispatch();
-  const {isAuthenticated} = useAppSelector(state => state.auth);
+  const { isAuthenticated } = useAppSelector((state) => state.auth);
 
   useEffect(() => {
     dispatch(checkStoredAuth());
   }, [dispatch]);
 
   return (
-    <Stack.Navigator screenOptions={{headerShown: false}}>
+    <Stack.Navigator screenOptions={{ headerShown: false }}>
       {!isAuthenticated ? (
         <>
           <Stack.Screen name="Login" component={LoginScreen} />

mobile-frontend/__tests__/App.test.tsx

@@ -2,11 +2,11 @@
  * @format
  */
 
-import React from 'react';
-import ReactTestRenderer from 'react-test-renderer';
-import App from '../App';
+import React from "react";
+import ReactTestRenderer from "react-test-renderer";
+import App from "../App";
 
-test('renders correctly', async () => {
+test("renders correctly", async () => {
   await ReactTestRenderer.act(() => {
     ReactTestRenderer.create(<App />);
   });

mobile-frontend/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:@react-native/babel-preset'],
+  presets: ["module:@react-native/babel-preset"],
 };

mobile-frontend/index.js

@@ -2,8 +2,8 @@
  * @format
  */
 
-import {AppRegistry} from 'react-native';
-import App from './App';
-import {name as appName} from './app.json';
+import { AppRegistry } from "react-native";
+import App from "./App";
+import { name as appName } from "./app.json";
 
 AppRegistry.registerComponent(appName, () => App);

mobile-frontend/jest.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  preset: 'react-native',
+  preset: "react-native",
   transformIgnorePatterns: [
-    'node_modules/(?!(jest-)?react-native|@react-native|@react-navigation|react-native-vector-icons)/',
+    "node_modules/(?!(jest-)?react-native|@react-native|@react-navigation|react-native-vector-icons)/",
   ],
 };

mobile-frontend/jest.setup.js

@@ -1,13 +1,13 @@
 // Jest setup file
-import '@testing-library/react-native/extend-expect';
+import "@testing-library/react-native/extend-expect";
 
 // Mock AsyncStorage
-jest.mock('@react-native-async-storage/async-storage', () =>
-  require('@react-native-async-storage/async-storage/jest/async-storage-mock'),
+jest.mock("@react-native-async-storage/async-storage", () =>
+  require("@react-native-async-storage/async-storage/jest/async-storage-mock"),
 );
 
 // Mock react-native-vector-icons
-jest.mock('react-native-vector-icons/MaterialIcons', () => 'Icon');
+jest.mock("react-native-vector-icons/MaterialIcons", () => "Icon");
 
 // Suppress console warnings during tests
 global.console = {

mobile-frontend/metro.config.js

@@ -1,4 +1,4 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
 
 /**
  * Metro configuration

mobile-frontend/src/config/api.config.ts

@@ -4,31 +4,31 @@
  */
 
 export const API_CONFIG = {
-  BASE_URL: process.env.API_BASE_URL || 'http://localhost:3000',
-  TIMEOUT: parseInt(process.env.API_TIMEOUT || '30000', 10),
+  BASE_URL: process.env.API_BASE_URL || "http://localhost:3000",
+  TIMEOUT: parseInt(process.env.API_TIMEOUT || "30000", 10),
   ENDPOINTS: {
     // Auth endpoints
     AUTH: {
-      LOGIN: '/api/auth/login',
-      REGISTER: '/api/auth/register',
-      WALLET: '/api/auth/wallet',
+      LOGIN: "/api/auth/login",
+      REGISTER: "/api/auth/register",
+      WALLET: "/api/auth/wallet",
     },
     // Credit endpoints
     CREDIT: {
-      SCORE: '/api/credit/score',
-      HISTORY: '/api/credit/history',
-      CALCULATE: '/api/credit/calculate-score',
+      SCORE: "/api/credit/score",
+      HISTORY: "/api/credit/history",
+      CALCULATE: "/api/credit/calculate-score",
     },
     // Loan endpoints
     LOANS: {
-      GET_BY_ID: '/api/loans',
-      GET_BY_BORROWER: '/api/loans/borrower',
-      CREATE: '/api/loans/create',
-      APPROVE: '/api/loans/approve',
-      REPAY: '/api/loans/repay',
+      GET_BY_ID: "/api/loans",
+      GET_BY_BORROWER: "/api/loans/borrower",
+      CREATE: "/api/loans/create",
+      APPROVE: "/api/loans/approve",
+      REPAY: "/api/loans/repay",
     },
     // Health check
-    HEALTH: '/health',
+    HEALTH: "/health",
   },
 };