From 708112a6004a4d94be8b65883822a10d512025d1 Mon Sep 17 00:00:00 2001
From: Hemant <hrsmart2150@gmail.com>
Date: Sun, 28 Aug 2022 11:29:14 +0530
Subject: [PATCH 1/2] Modified footer links styling with making home hyperlink

---
 .../HomeViewComponents/FooterSection.js       | 38 ++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/components/HomeViewComponents/FooterSection.js b/src/components/HomeViewComponents/FooterSection.js
index efcf3ed4..72aba1d7 100644
--- a/src/components/HomeViewComponents/FooterSection.js
+++ b/src/components/HomeViewComponents/FooterSection.js
@@ -6,9 +6,10 @@ import {
   IconButton,
   makeStyles,
   Switch,
-  Typography,
+  Typography
 } from "@material-ui/core";
 import React, { useState } from "react";
+import { Link } from "react-router-dom";
 
 function Copyright() {
   return (
@@ -64,16 +65,18 @@ function FooterSection() {
             <Box>
               <Typography variant="h4">Explore</Typography>
               <Box mt={3} className={classes.exploreLinks}>
-                <Typography gutterBottom variant="h5">
-                  Home
-                </Typography>
-                <Typography gutterBottom variant="h5">
+                <Link className={classes.linkDecoration} to="/">
+                  <Typography className={classes.footerLinks} gutterBottom variant="h5">
+                    Home
+                  </Typography>
+                </Link>
+                <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Courses
                 </Typography>
-                <Typography gutterBottom variant="h5">
+                <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Special Offers
                 </Typography>
-                <Typography variant="h5">Events & Hackathons</Typography>
+                <Typography className={classes.footerLinks} variant="h5">Events & Hackathons</Typography>
               </Box>
             </Box>
           </Grid>
@@ -81,16 +84,16 @@ function FooterSection() {
             <Box>
               <Typography variant="h4">About</Typography>
               <Box mt={3} className={classes.AboutLinks}>
-                <Typography gutterBottom variant="h5">
+                <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Privacy & Policy
                 </Typography>
-                <Typography gutterBottom variant="h5">
+                <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Terms & Conditions
                 </Typography>
-                <Typography gutterBottom variant="h5">
+                <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Support
                 </Typography>
-                <Typography variant="h5">Career</Typography>
+                <Typography className={classes.footerLinks} variant="h5">Career</Typography>
               </Box>
             </Box>
           </Grid>
@@ -98,10 +101,10 @@ function FooterSection() {
             <Box>
               <Typography variant="h4">Community</Typography>
               <Box mt={3} className={classes.communityLinks}>
-                <Typography gutterBottom variant="h5">
+                <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Refer a Friend{" "}
                 </Typography>
-                <Typography variant="h5">Scholarship</Typography>
+                <Typography className={classes.footerLinks} variant="h5">Scholarship</Typography>
               </Box>
             </Box>
           </Grid>
@@ -173,6 +176,15 @@ const useStyles = makeStyles((theme) => ({
   appleStore: {
     cursor: "pointer",
   },
+  footerLinks: {
+    cursor: "pointer",
+    "&:hover": {
+      color: theme.palette.primary.main,
+    }
+  },
+  linkDecoration: {
+    textDecoration: "none",
+  },
   darkModeSwitcher: {
     display: "flex",
     alignItems: "center",

From dc8b6b4b4549a640152a797dc551fd88f3b7e1ae Mon Sep 17 00:00:00 2001
From: Hemant <hrsmart2150@gmail.com>
Date: Sun, 28 Aug 2022 12:15:11 +0530
Subject: [PATCH 2/2] Fixed prettier issue

---
 .../HomeViewComponents/FooterSection.js          | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/HomeViewComponents/FooterSection.js b/src/components/HomeViewComponents/FooterSection.js
index 72aba1d7..fa0f5ddc 100644
--- a/src/components/HomeViewComponents/FooterSection.js
+++ b/src/components/HomeViewComponents/FooterSection.js
@@ -6,7 +6,7 @@ import {
   IconButton,
   makeStyles,
   Switch,
-  Typography
+  Typography,
 } from "@material-ui/core";
 import React, { useState } from "react";
 import { Link } from "react-router-dom";
@@ -76,7 +76,9 @@ function FooterSection() {
                 <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Special Offers
                 </Typography>
-                <Typography className={classes.footerLinks} variant="h5">Events & Hackathons</Typography>
+                <Typography className={classes.footerLinks} variant="h5">
+                  Events & Hackathons
+                </Typography>
               </Box>
             </Box>
           </Grid>
@@ -93,7 +95,9 @@ function FooterSection() {
                 <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Support
                 </Typography>
-                <Typography className={classes.footerLinks} variant="h5">Career</Typography>
+                <Typography className={classes.footerLinks} variant="h5">
+                  Career
+                </Typography>
               </Box>
             </Box>
           </Grid>
@@ -104,7 +108,9 @@ function FooterSection() {
                 <Typography className={classes.footerLinks} gutterBottom variant="h5">
                   Refer a Friend{" "}
                 </Typography>
-                <Typography className={classes.footerLinks} variant="h5">Scholarship</Typography>
+                <Typography className={classes.footerLinks} variant="h5">
+                  Scholarship
+                </Typography>
               </Box>
             </Box>
           </Grid>
@@ -180,7 +186,7 @@ const useStyles = makeStyles((theme) => ({
     cursor: "pointer",
     "&:hover": {
       color: theme.palette.primary.main,
-    }
+    },
   },
   linkDecoration: {
     textDecoration: "none",