From 53fda5121e94472d4ce015a2f60438aa86c821b6 Mon Sep 17 00:00:00 2001
From: Ashutoshpadhi629 <padhiashutosh106@gmail.com>
Date: Tue, 27 Aug 2024 12:23:54 +0530
Subject: [PATCH 1/2] filter-button

---
 apps/web/components/Tracks.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/Tracks.tsx b/apps/web/components/Tracks.tsx
index a5aa1de6..95a756d4 100644
--- a/apps/web/components/Tracks.tsx
+++ b/apps/web/components/Tracks.tsx
@@ -127,7 +127,10 @@ export const Tracks = ({ tracks, categories }: TracksWithCategoriesProps) => {
           <Button
             size={"lg"}
             variant={"ghost"}
-            onClick={() => setCohort2(!cohort2)}
+            onClick={() => {
+              setCohort2(!cohort2);
+              cohort3 && setCohort3(!cohort3);
+            }}
             className={cohort2 ? "bg-blue-600 text-white" : ""}
           >
             Cohort 2.0
@@ -136,7 +139,10 @@ export const Tracks = ({ tracks, categories }: TracksWithCategoriesProps) => {
           <Button
             size={"lg"}
             variant={"ghost"}
-            onClick={() => setCohort3(!cohort3)}
+            onClick={() => {
+              setCohort3(!cohort3);
+              cohort2 && setCohort2(!cohort2);
+            }}
             className={cohort3 ? "bg-blue-600 text-white" : ""}
           >
             Cohort 3.0

From 0feec0bfadba51476f3c09d559e39c82884c4c45 Mon Sep 17 00:00:00 2001
From: Ashutoshpadhi629 <padhiashutosh106@gmail.com>
Date: Tue, 27 Aug 2024 19:12:10 +0530
Subject: [PATCH 2/2] fixed-log-errors

---
 apps/web/components/Hero.tsx | 14 +++++++-------
 apps/web/next.config.js      | 10 +++++++---
 apps/web/screens/footer.tsx  |  4 ++--
 package.json                 |  2 ++
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/apps/web/components/Hero.tsx b/apps/web/components/Hero.tsx
index 2a1f7c2c..90455f94 100644
--- a/apps/web/components/Hero.tsx
+++ b/apps/web/components/Hero.tsx
@@ -114,13 +114,13 @@ export default function Hero() {
               gradientUnits="userSpaceOnUse"
               gradientTransform="matrix(12.12436 -7 4.2 7.27461 16 16)"
             >
-              <stop stop-color="#7D7D7D" />
-              <stop offset=".267" stop-color="#7E7C7A" />
-              <stop offset=".45" stop-color="#817871" />
-              <stop offset=".608" stop-color="#867162" />
-              <stop offset=".753" stop-color="#8D684C" />
-              <stop offset=".886" stop-color="#965C30" />
-              <stop offset="1" stop-color="#A04F12" />
+              <stop stopColor="#7D7D7D" />
+              <stop offset=".267" stopColor="#7E7C7A" />
+              <stop offset=".45" stopColor="#817871" />
+              <stop offset=".608" stopColor="#867162" />
+              <stop offset=".753" stopColor="#8D684C" />
+              <stop offset=".886" stopColor="#965C30" />
+              <stop offset="1" stopColor="#A04F12" />
             </radialGradient>
           </defs>
         </motion.svg>
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index 8c8edce5..14a46701 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 const webpack = require("webpack");
+const isDev = process.env.NODE_ENV === 'development';
 
 module.exports = {
   webpack: (config) => {
@@ -13,8 +14,11 @@ module.exports = {
   },
   
   transpilePackages: ["@repo/ui", "@repo/common", "@repo/recoil"],
-  images: {
-    domains: ["d2szwvl7yo497w.cloudfront.net"], // Add your domain here
-  },
+   images: isDev
+    ? { unoptimized: true }
+    : {
+        domains: ["d2szwvl7yo497w.cloudfront.net"],
+        //Add your domain here
+      },
 
 };
diff --git a/apps/web/screens/footer.tsx b/apps/web/screens/footer.tsx
index e442a6be..73813e67 100644
--- a/apps/web/screens/footer.tsx
+++ b/apps/web/screens/footer.tsx
@@ -42,7 +42,7 @@ const Footer = () => {
                     <path
                       d="M13.530750000000001 0.7153750000000001 1.46925 14.284625"
                       stroke="currentColor"
-                      stroke-linecap="round"
+                      strokeLinecap="round"
                       strokeWidth="1"
                     ></path>
                   </svg>
@@ -64,7 +64,7 @@ const Footer = () => {
                     <path
                       d="M0.7153750000000001 10.515375V4.484624999999999c0 -2.0816875 1.6875624999999999 -3.76925 3.76925 -3.76925h6.03075c2.0816875 0 3.76925 1.6875624999999999 3.76925 3.76925v6.03075c0 2.0816875 -1.6875624999999999 3.76925 -3.76925 3.76925H4.484624999999999c-2.0816875 0 -3.76925 -1.6875624999999999 -3.76925 -3.76925Z"
                       stroke="currentColor"
-                      stroke-width="1"
+                      strokeWidth="1"
                     ></path>
                     <path
                       d="m11.646125000000001 3.361375 0.0075625 -0.008375"
diff --git a/package.json b/package.json
index 4faf49f4..1619797b 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,8 @@
     "packages/*"
   ],
   "dependencies": {
+    "date-fns": "^3.6.0",
+    "framer-motion": "^11.3.30",
     "ioredis": "^5.4.1",
     "nextjs-toploader": "^1.6.11",
     "react": "^18.2.0",