From db941d246cf7bc61f174f8a3974618848fe6c587 Mon Sep 17 00:00:00 2001
From: Caio Cabral <ocaiocabral@gmail.com>
Date: Tue, 8 Oct 2024 12:01:19 -0400
Subject: [PATCH] fix: committing from root folder

---
 .prettierrc              | 16 +++++++++
 Client/package-lock.json | 16 +++++++++
 Client/package.json      |  1 +
 Client/src/App.css       |  4 +--
 Client/src/App.jsx       | 73 ++++++++++++++++++++++++++++++----------
 5 files changed, 91 insertions(+), 19 deletions(-)
 create mode 100644 .prettierrc

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 000000000..399423a21
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,16 @@
+{
+  "printWidth": 90,
+  "useTabs": true,
+  "tabWidth": 2,
+  "singleQuote": false,
+  "bracketSpacing": true,
+  "proseWrap": "preserve",
+  "bracketSameLine": false,
+  "singleAttributePerLine": true,
+  "semi": true,
+  "jsx-single-quote": false,
+  "quoteProps": "as-needed",
+  "arrowParens": "always",
+  "trailingComma": "es5",
+  "htmlWhitespaceSensitivity": "css"
+}
diff --git a/Client/package-lock.json b/Client/package-lock.json
index 4077ce2bf..e6b50b53b 100644
--- a/Client/package-lock.json
+++ b/Client/package-lock.json
@@ -23,6 +23,7 @@
         "dayjs": "1.11.11",
         "joi": "17.13.1",
         "jwt-decode": "^4.0.0",
+        "prettier": "^3.3.3",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-redux": "9.1.2",
@@ -5314,6 +5315,21 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
diff --git a/Client/package.json b/Client/package.json
index 22f15f7f9..e0621a455 100644
--- a/Client/package.json
+++ b/Client/package.json
@@ -25,6 +25,7 @@
     "dayjs": "1.11.11",
     "joi": "17.13.1",
     "jwt-decode": "^4.0.0",
+    "prettier": "^3.3.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "9.1.2",
diff --git a/Client/src/App.css b/Client/src/App.css
index bf3d4ea92..44e06cd5f 100644
--- a/Client/src/App.css
+++ b/Client/src/App.css
@@ -1,7 +1,7 @@
 .card {
-  padding: 2em;
+	padding: 2em;
 }
 
 .read-the-docs {
-  color: #888;
+	color: #888;
 }
diff --git a/Client/src/App.jsx b/Client/src/App.jsx
index 56c279e78..647ee2d44 100644
--- a/Client/src/App.jsx
+++ b/Client/src/App.jsx
@@ -70,7 +70,11 @@ function App() {
     <ThemeProvider theme={mode === "light" ? lightTheme : darkTheme}>
       <CssBaseline />
       <Routes>
-        <Route exact path="/" element={<HomeLayout />}>
+        <Route
+          exact
+          path="/"
+          element={<HomeLayout />}
+        >
           <Route
             exact
             path="/"
@@ -119,21 +123,34 @@ function App() {
           />
           <Route
             path="advanced-settings"
-            element={
-              <ProtectedRoute Component={AdvancedSettingsWithAdminProp} />
-            }
+            element={<ProtectedRoute Component={AdvancedSettingsWithAdminProp} />}
           />
           <Route
             path="account/profile"
-            element={<ProtectedRoute Component={Account} open="profile" />}
+            element={
+              <ProtectedRoute
+                Component={Account}
+                open="profile"
+              />
+            }
           />
           <Route
             path="account/password"
-            element={<ProtectedRoute Component={Account} open="password" />}
+            element={
+              <ProtectedRoute
+                Component={Account}
+                open="password"
+              />
+            }
           />
           <Route
             path="account/team"
-            element={<ProtectedRoute Component={Account} open="team" />}
+            element={
+              <ProtectedRoute
+                Component={Account}
+                open="team"
+              />
+            }
           />
           <Route
             path="pagespeed"
@@ -145,9 +162,7 @@ function App() {
           />
           <Route
             path="pagespeed/:monitorId"
-            element={
-              <ProtectedRoute Component={PageSpeedDetailsWithAdminProp} />
-            }
+            element={<ProtectedRoute Component={PageSpeedDetailsWithAdminProp} />}
           />
           <Route
             path="pagespeed/configure/:monitorId"
@@ -155,15 +170,39 @@ function App() {
           />
         </Route>
 
-        <Route exact path="/login" element={<Login />} />
+        <Route
+          exact
+          path="/login"
+          element={<Login />}
+        />
 
-        <Route exact path="/register" element={<AdminCheckedRegister />} />
-        <Route exact path="/register/:token" element={<Register />} />
+        <Route
+          exact
+          path="/register"
+          element={<AdminCheckedRegister />}
+        />
+        <Route
+          exact
+          path="/register/:token"
+          element={<Register />}
+        />
         {/* <Route path="/toast" element={<ToastComponent />} /> */}
-        <Route path="*" element={<NotFound />} />
-        <Route path="/forgot-password" element={<ForgotPassword />} />
-        <Route path="/check-email" element={<CheckEmail />} />
-        <Route path="/set-new-password/:token" element={<SetNewPassword />} />
+        <Route
+          path="*"
+          element={<NotFound />}
+        />
+        <Route
+          path="/forgot-password"
+          element={<ForgotPassword />}
+        />
+        <Route
+          path="/check-email"
+          element={<CheckEmail />}
+        />
+        <Route
+          path="/set-new-password/:token"
+          element={<SetNewPassword />}
+        />
         <Route
           path="/new-password-confirmed"
           element={<NewPasswordConfirmed />}