From 71f3146cf7feb27d0944fbf1ea1be5ca86a895d7 Mon Sep 17 00:00:00 2001
From: Aashirwadrunjan <aashirwad.ranjan.in@rupeek.com>
Date: Tue, 3 Sep 2024 00:29:11 +0530
Subject: [PATCH] Improved formatting and remove unnecessary dependencies

---
 package-lock.json           |  3 +-
 package.json                |  3 +-
 src/components/download.tsx | 77 ++++++++++++++++++-------------------
 3 files changed, 40 insertions(+), 43 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2b95408..672eb31 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
         "feed": "^4.2.2",
         "framer-motion": "^11.3.24",
         "lucide-react": "^0.400.0",
-        "next": "^14.2.4",
+        "next": "14.2.4",
         "next-themes": "^0.3.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
@@ -38,7 +38,6 @@
         "react-markdown": "^9.0.1",
         "react-spring": "^9.7.4",
         "react-sticky-el": "^2.1.0",
-        "sharp": "^0.33.5",
         "styled-components": "^6.1.12",
         "tailwind-merge": "^2.5.1",
         "tailwindcss-animate": "^1.0.7",
diff --git a/package.json b/package.json
index 10aa65e..fa53fd6 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "feed": "^4.2.2",
     "framer-motion": "^11.3.24",
     "lucide-react": "^0.400.0",
-    "next": "^14.2.4",
+    "next": "14.2.4",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -42,7 +42,6 @@
     "react-markdown": "^9.0.1",
     "react-spring": "^9.7.4",
     "react-sticky-el": "^2.1.0",
-    "sharp": "^0.33.5",
     "styled-components": "^6.1.12",
     "tailwind-merge": "^2.5.1",
     "tailwindcss-animate": "^1.0.7",
diff --git a/src/components/download.tsx b/src/components/download.tsx
index 2080de6..156d52e 100644
--- a/src/components/download.tsx
+++ b/src/components/download.tsx
@@ -383,46 +383,45 @@ export default function DownloadPage() {
                   </div>
                 </FormField>
               )}
-            {platform === "MacOS" && flowIndex === 1 && (
-              <FormField
-                enter={platform === "MacOS"}
-                out={platform !== "MacOS"}
-              >
-                <FieldTitle>Download Zen for MacOS</FieldTitle>
-                <FieldDescription>
-                  Click the button below to download Zen for MacOS.
-                </FieldDescription>
-								{/*Fixed the issue where the box height of AArch64 and Intel were not consistent like in the windows and linux*/}
-                <div className="flex items-center justify-center">
-									<div
-										onClick={() => setSelectedArchitecture("specific")}
-										className={ny(
-											"select-none w-full h-64 mb-2 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
-											selectedArchitecture === "specific" ? "border-blue-400" : ""
-										)}
-									>
-										<h1 className="text-5xl my-2 opacity-40 dark:opacity-20">🍏</h1>
-										<h1 className="text-2xl font-semibold my-2">AArch64</h1>
-										<p className="text-muted-foreground mx-auto text-center">
-											64-bit ARM architecture, for Apple's M Series Chips
-										</p>
+							{platform === "MacOS" && flowIndex === 1 && (
+								<FormField
+									enter={platform === "MacOS"}
+									out={platform !== "MacOS"}
+								>
+									<FieldTitle>Download Zen for MacOS</FieldTitle>
+									<FieldDescription>
+										Click the button below to download Zen for MacOS.
+									</FieldDescription>
+									<div className="flex items-center justify-center">
+										<div
+											onClick={() => setSelectedArchitecture("specific")}
+											className={ny(
+												"select-none w-full h-64 mb-2 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
+												selectedArchitecture === "specific" ? "border-blue-400" : ""
+											)}
+										>
+											<h1 className="text-5xl my-2 opacity-40 dark:opacity-20">🍏</h1>
+											<h1 className="text-2xl font-semibold my-2">AArch64</h1>
+											<p className="text-muted-foreground mx-auto text-center">
+												64-bit ARM architecture, for Apple's M Series Chips
+											</p>
+										</div>
+										<div
+											onClick={() => setSelectedArchitecture("generic")}
+											className={ny(
+												"select-none w-full h-64 mb-2 ml-10 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
+												selectedArchitecture === "generic" ? "border-blue-400" : ""
+											)}
+										>
+											<h1 className="text-5xl font-bold my-2 opacity-40 dark:opacity-20">x64</h1>
+											<h1 className="text-2xl font-semibold my-2">Intel</h1>
+											<p className="text-muted-foreground mx-auto text-center">
+												64-bit Intel architecture, for older Macs
+											</p>
+										</div>
 									</div>
-									<div
-										onClick={() => setSelectedArchitecture("generic")}
-										className={ny(
-											"select-none w-full h-64 mb-2 ml-10 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
-											selectedArchitecture === "generic" ? "border-blue-400" : ""
-										)}
-									>
-										<h1 className="text-5xl font-bold my-2 opacity-40 dark:opacity-20">x64</h1>
-										<h1 className="text-2xl font-semibold my-2">Intel</h1>
-										<p className="text-muted-foreground mx-auto text-center">
-											64-bit Intel architecture, for older Macs
-										</p>
-									</div>
-								</div>
-              </FormField>
-            )}
+								</FormField>
+							)}
             {flowIndex === 2 && platform === "Windows" && (
               <FormField
                 enter={platform === "Windows" && flowIndex === 2}