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 - } + }, );