From 5f900bbceb152dea357896ff55b17097dfd5f3d7 Mon Sep 17 00:00:00 2001
From: Maaz <khokharmaaz@gmail.com>
Date: Sun, 15 Jun 2025 15:04:37 -0500
Subject: [PATCH] refactor: remove unused props from section components for
 cleaner code

---
 src/App.tsx                                | 26 +++-------------------
 src/components/AboutSection.tsx            |  9 +-------
 src/components/AcademicSection.tsx         |  2 --
 src/components/AthleticsSection.tsx        |  4 ----
 src/components/EntrepreneurshipSection.tsx |  2 --
 src/components/Footer.tsx                  |  9 +-------
 src/components/HeroSection.tsx             |  4 +---
 src/components/LeadershipSection.tsx       |  2 --
 src/components/TechSection.tsx             |  2 --
 9 files changed, 6 insertions(+), 54 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index b2ad117..cbbb1d5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -203,21 +203,14 @@ const App = () => {
         isDarkMode={isDarkMode}
         scrollToSection={scrollToSection}
         textClasses={textClasses}
-        cardClasses={cardClasses}
       />
 
       {/* About Section */}
-      <AboutSection
-        isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
-        textClasses={textClasses}
-        cardClasses={cardClasses}
-      />
+      <AboutSection textClasses={textClasses} cardClasses={cardClasses} />
 
       {/* Academic Section */}
       <AcademicSection
         isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
         textClasses={textClasses}
         cardClasses={cardClasses}
       />
@@ -225,7 +218,6 @@ const App = () => {
       {/* Tech Section */}
       <TechSection
         isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
         textClasses={textClasses}
         cardClasses={cardClasses}
       />
@@ -233,23 +225,16 @@ const App = () => {
       {/* Leadership Section */}
       <LeadershipSection
         isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
         textClasses={textClasses}
         cardClasses={cardClasses}
       />
 
       {/* Athletics Section */}
-      <AthleticsSection
-        isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
-        textClasses={textClasses}
-        cardClasses={cardClasses}
-      />
+      <AthleticsSection isDarkMode={isDarkMode} textClasses={textClasses} />
 
       {/* Entrepreneurship Section */}
       <EntrepreneurshipSection
         isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
         textClasses={textClasses}
         cardClasses={cardClasses}
       />
@@ -262,12 +247,7 @@ const App = () => {
       />
 
       {/* Footer */}
-      <Footer
-        isDarkMode={isDarkMode}
-        scrollToSection={scrollToSection}
-        textClasses={textClasses}
-        cardClasses={cardClasses}
-      />
+      <Footer isDarkMode={isDarkMode} textClasses={textClasses} />
     </div>
   );
 };
diff --git a/src/components/AboutSection.tsx b/src/components/AboutSection.tsx
index a178254..dcf0402 100644
--- a/src/components/AboutSection.tsx
+++ b/src/components/AboutSection.tsx
@@ -1,18 +1,11 @@
 import { Zap, Users, Rocket } from "lucide-react";
 
 interface AboutSectionProps {
-  isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
   cardClasses: string;
 }
 
-const AboutSection = ({
-  isDarkMode,
-  scrollToSection,
-  textClasses,
-  cardClasses,
-}: AboutSectionProps) => {
+const AboutSection = ({ textClasses, cardClasses }: AboutSectionProps) => {
   return (
     <section id="about" className="relative py-20">
       <div className="max-w-6xl px-6 mx-auto">
diff --git a/src/components/AcademicSection.tsx b/src/components/AcademicSection.tsx
index 110f91a..bb29fc6 100644
--- a/src/components/AcademicSection.tsx
+++ b/src/components/AcademicSection.tsx
@@ -2,14 +2,12 @@ import { Trophy, Award, Star } from "lucide-react";
 
 interface AcademicSectionProps {
   isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
   cardClasses: string;
 }
 
 const AcademicSection = ({
   isDarkMode,
-  scrollToSection,
   textClasses,
   cardClasses,
 }: AcademicSectionProps) => {
diff --git a/src/components/AthleticsSection.tsx b/src/components/AthleticsSection.tsx
index a3a5831..285ff10 100644
--- a/src/components/AthleticsSection.tsx
+++ b/src/components/AthleticsSection.tsx
@@ -1,15 +1,11 @@
 interface AthleticsSectionProps {
   isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
-  cardClasses: string;
 }
 
 const AthleticsSection = ({
   isDarkMode,
-  scrollToSection,
   textClasses,
-  cardClasses,
 }: AthleticsSectionProps) => {
   return (
     <section id="athletics" className="py-20">
diff --git a/src/components/EntrepreneurshipSection.tsx b/src/components/EntrepreneurshipSection.tsx
index 8993638..e5e6e33 100644
--- a/src/components/EntrepreneurshipSection.tsx
+++ b/src/components/EntrepreneurshipSection.tsx
@@ -2,14 +2,12 @@ import { Rocket, Zap } from "lucide-react";
 
 interface EntrepreneurshipSectionProps {
   isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
   cardClasses: string;
 }
 
 const EntrepreneurshipSection = ({
   isDarkMode,
-  scrollToSection,
   textClasses,
   cardClasses,
 }: EntrepreneurshipSectionProps) => {
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a6c3b93..267477d 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,16 +1,9 @@
 interface FooterProps {
   isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
-  cardClasses: string;
 }
 
-const Footer = ({
-  isDarkMode,
-  scrollToSection,
-  textClasses,
-  cardClasses,
-}: FooterProps) => {
+const Footer = ({ isDarkMode, textClasses }: FooterProps) => {
   return (
     <footer
       className={`py-12 ${
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 6a5bcfa..8912ae4 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -1,17 +1,15 @@
-import { ChevronDown, Trophy, Code, Users, Zap, Rocket } from "lucide-react";
+import { ChevronDown, Trophy, Code, Rocket } from "lucide-react";
 
 interface HeroSectionProps {
   isDarkMode: boolean;
   scrollToSection: (sectionId: string) => void;
   textClasses: string;
-  cardClasses: string;
 }
 
 const HeroSection = ({
   isDarkMode,
   scrollToSection,
   textClasses,
-  cardClasses,
 }: HeroSectionProps) => {
   return (
     <section
diff --git a/src/components/LeadershipSection.tsx b/src/components/LeadershipSection.tsx
index 1095525..1d17e32 100644
--- a/src/components/LeadershipSection.tsx
+++ b/src/components/LeadershipSection.tsx
@@ -2,14 +2,12 @@ import { Award, Star, Users } from "lucide-react";
 
 interface LeadershipSectionProps {
   isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
   cardClasses: string;
 }
 
 const LeadershipSection = ({
   isDarkMode,
-  scrollToSection,
   textClasses,
   cardClasses,
 }: LeadershipSectionProps) => {
diff --git a/src/components/TechSection.tsx b/src/components/TechSection.tsx
index 06dbef5..c0b8723 100644
--- a/src/components/TechSection.tsx
+++ b/src/components/TechSection.tsx
@@ -2,14 +2,12 @@ import { Code, Trophy } from "lucide-react";
 
 interface TechSectionProps {
   isDarkMode: boolean;
-  scrollToSection: (sectionId: string) => void;
   textClasses: string;
   cardClasses: string;
 }
 
 const TechSection = ({
   isDarkMode,
-  scrollToSection,
   textClasses,
   cardClasses,
 }: TechSectionProps) => {