From 6b39bfd4357d770e4643303ac5fa02553662847f Mon Sep 17 00:00:00 2001
From: Arkaprabha Chakraborty <arkorty@gmail.com>
Date: Mon, 12 Aug 2024 18:44:02 +0530
Subject: [PATCH] Chore: clean-up and refactor

---
 frontend/app/api/redirect/[id]/route.js |  2 +-
 frontend/app/layout.js                  |  2 +-
 frontend/app/page.js                    |  2 +-
 frontend/package.json                   |  1 +
 frontend/tailwind.config.js             | 26 ++++++++++++-------------
 5 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/frontend/app/api/redirect/[id]/route.js b/frontend/app/api/redirect/[id]/route.js
index c3869da..eec9b30 100644
--- a/frontend/app/api/redirect/[id]/route.js
+++ b/frontend/app/api/redirect/[id]/route.js
@@ -9,7 +9,7 @@ export async function GET(request, { params }) {
 
   try {
     const response = await axios.get(
-      `${process.env.NEXT_PUBLIC_BACKEND_URL}/reduce/${id}`,
+      `${process.env.NEXT_PUBLIC_BACKEND_URL}/reduce/${id}`
     );
     if (response.status === 200) {
       return NextResponse.redirect(response.data.long_url);
diff --git a/frontend/app/layout.js b/frontend/app/layout.js
index 5bcca5a..502fad9 100644
--- a/frontend/app/layout.js
+++ b/frontend/app/layout.js
@@ -8,7 +8,7 @@ const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
   title: "Reduce",
-  description: "A simple URL shortener application",
+  description: "A simple URL shortener application.",
   icons: {
     icon: "/favicon.ico",
   },
diff --git a/frontend/app/page.js b/frontend/app/page.js
index c499561..f6cd9f6 100644
--- a/frontend/app/page.js
+++ b/frontend/app/page.js
@@ -25,7 +25,7 @@ export default function Home() {
         {
           long_url: longUrl,
           base_url: baseURL,
-        },
+        }
       );
 
       setShortUrl(response.data.short_url);
diff --git a/frontend/package.json b/frontend/package.json
index 12b9c88..26fc9ba 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@types/react": "^18.3.3",
     "axios": "^1.7.3",
     "dotenv": "^16.4.5",
     "next": "14.2.5",
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 78ebc4e..ef60c8b 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,18 +1,16 @@
 /** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
+export const content = [
+  "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+  "./components/**/*.{js,ts,jsx,tsx,mdx}",
+  "./app/**/*.{js,ts,jsx,tsx,mdx}",
+];
+export const theme = {
+  extend: {
+    backgroundImage: {
+      "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+      "gradient-conic":
+        "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
     },
   },
-  plugins: [],
 };
+export const plugins = [];