From 0a5b961b17bae06cb6c5cf85855d1dd33e790476 Mon Sep 17 00:00:00 2001
From: SeSo <sobhani.sepehr@gmail.com>
Date: Tue, 19 Sep 2023 12:49:41 -0700
Subject: [PATCH] chore: run prettier on client files

---
 client/app/api/counter/route.ts                  | 11 ++++++-----
 client/app/components/Counter/counter.module.css |  8 +++++---
 client/app/styles/layout.module.css              |  8 ++++----
 client/redux/features/counter/thunks.ts          |  2 +-
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/client/app/api/counter/route.ts b/client/app/api/counter/route.ts
index 02cfe2f948..36aec4c9f6 100644
--- a/client/app/api/counter/route.ts
+++ b/client/app/api/counter/route.ts
@@ -1,12 +1,13 @@
 /* Core */
-import { NextResponse } from 'next/server'
+import { NextResponse } from "next/server";
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export async function POST(req: Request, res: Response) {
-  const body = await req.json()
-  const { amount = 1 } = body
+  const body = await req.json();
+  const { amount = 1 } = body;
 
   // simulate IO latency
-  await new Promise((r) => setTimeout(r, 500))
+  await new Promise((r) => setTimeout(r, 500));
 
-  return NextResponse.json({ data: amount })
+  return NextResponse.json({ data: amount });
 }
diff --git a/client/app/components/Counter/counter.module.css b/client/app/components/Counter/counter.module.css
index 025bb72943..a0e619ddaa 100644
--- a/client/app/components/Counter/counter.module.css
+++ b/client/app/components/Counter/counter.module.css
@@ -18,7 +18,7 @@
   padding-left: 16px;
   padding-right: 16px;
   margin-top: 2px;
-  font-family: 'Courier New', Courier, monospace;
+  font-family: "Courier New", Courier, monospace;
 }
 
 .button {
@@ -60,7 +60,7 @@
 }
 
 .asyncButton:after {
-  content: '';
+  content: "";
   background-color: rgba(112, 76, 182, 0.15);
   display: block;
   position: absolute;
@@ -69,7 +69,9 @@
   left: 0;
   top: 0;
   opacity: 0;
-  transition: width 1s linear, opacity 0.5s ease 1s;
+  transition:
+    width 1s linear,
+    opacity 0.5s ease 1s;
 }
 
 .asyncButton:active:after {
diff --git a/client/app/styles/layout.module.css b/client/app/styles/layout.module.css
index a9ff48222a..aab3e2f1ba 100644
--- a/client/app/styles/layout.module.css
+++ b/client/app/styles/layout.module.css
@@ -1,10 +1,10 @@
 .container {
   display: grid;
   grid-template-areas:
-    'nav'
-    'header'
-    'main'
-    'footer';
+    "nav"
+    "header"
+    "main"
+    "footer";
   grid-template-rows: auto auto 1fr 36px;
   align-items: center;
   min-height: 100vh;
diff --git a/client/redux/features/counter/thunks.ts b/client/redux/features/counter/thunks.ts
index 80d7d34d95..427d2da2c0 100644
--- a/client/redux/features/counter/thunks.ts
+++ b/client/redux/features/counter/thunks.ts
@@ -9,5 +9,5 @@ export const incrementAsync = createAppAsyncThunk(
     // 2. Thunk function
     const response = await fetchCount(amount); // 3. Asynchronous logic
     return response.data; // 4. Data returned by the asynchronous logic- the `fulfilled` action payload
-  }
+  },
 );