Project initialize

.eslintcache

-[{"/Users/sashraf/Documents/Baitussalam/baitussalam-dashboard/src/components/atoms/Input.js":"1"},{"size":844,"mtime":1664035536253,"results":"2","hashOfConfig":"3"},{"filePath":"4","messages":"5","suppressedMessages":"6","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"u8x586","/Users/sashraf/Documents/Baitussalam/baitussalam-dashboard/src/components/atoms/Input.js",[],[]]
\ No newline at end of file

.eslintrc.js

@@ -3,23 +3,17 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: [
-    "plugin:jest/recommended",
-    "airbnb",
-  ],
-  overrides: [
-  ],
+  extends: ["plugin:jest/recommended", "airbnb"],
+  overrides: [],
   parserOptions: {
     ecmaVersion: "latest",
     sourceType: "module",
   },
-  plugins: [
-    "react",
-    "jest",
-  ],
+  plugins: ["react", "jest"],
   rules: {
     semi: ["error", "always"],
     quotes: ["error", "double"],
+    "comma-dangle": "off",
     "import/prefer-default-export": 0,
     "default-param-last": 0,
     "react/react-in-jsx-scope": 0,
@@ -34,6 +28,5 @@ module.exports = {
         unnamedComponents: "arrow-function",
       },
     ],
-
   },
 };

package-lock.json

@@ -17,6 +17,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.36.0",
+        "react-icons": "^4.10.1",
         "react-redux": "^8.1.2",
         "react-router-dom": "^6.14.2",
         "react-scripts": "5.0.1",
@@ -15695,6 +15696,14 @@
         "react": "^16.8.0 || ^17 || ^18"
       }
     },
+    "node_modules/react-icons": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.10.1.tgz",
+      "integrity": "sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -29679,6 +29688,11 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.36.0.tgz",
       "integrity": "sha512-2PmRhTDH90/G1XWbUGpfuFBf7wxj9kYvzPqoZCv4wUGBIfuac0fK3up9sbeoz0ghpLYcFFXRVDKMUXgMutLXTw=="
     },
+    "react-icons": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.10.1.tgz",
+      "integrity": "sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw=="
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",

package.json

@@ -12,6 +12,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.36.0",
+    "react-icons": "^4.10.1",
     "react-redux": "^8.1.2",
     "react-router-dom": "^6.14.2",
     "react-scripts": "5.0.1",

src/redux/reducers/UserReducer.js

@@ -3,13 +3,13 @@ const initialUserState = {
   data: [],
   errorMessage: "",
   successMessage: "",
-
 };
 const userActions = {
   BEGIN: "BEGIN",
   SUCCESS: "SUCCESS",
   FAILURE: "FAILURE",
 };
+
 const UserReducer = (state = initialUserState, { type, payload }) => {
   switch (type) {
     case userActions.BEGIN:

src/redux/store/index.js

@@ -2,10 +2,13 @@ import { applyMiddleware, configureStore } from "@reduxjs/toolkit";
 import thunk from "redux-thunk";
 import { UserReducer } from "redux/reducers";
 
-const store = configureStore({
-  reducer: {
-    user: UserReducer,
+const store = configureStore(
+  {
+    reducer: {
+      user: UserReducer,
+    },
   },
-}, applyMiddleware(thunk));
+  applyMiddleware(thunk)
+);
 
 export default store;