style: apply Prettier formatting to existing files

activecourses · Nov 8, 2024 · cec5df1 · cec5df1
1 parent d782914
commit cec5df1
Show file tree

Hide file tree

Showing 20 changed files with 599 additions and 480 deletions.
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Shared/Footer.jsx b/src/components/Shared/Footer.jsx
@@ -1,48 +1,40 @@
 import { Box, Container, Link, Typography } from '@mui/material';
-import { Link as RouterLink } from "react-router-dom";
+import { Link as RouterLink } from 'react-router-dom';
 import { GitHub } from '@mui/icons-material';
 const Footer = () => {
   return (
     <Box
-    py={4}
-    bgcolor="black"
-    color="white"
-    textAlign="center"
-    component="footer"
-  >
-    <Container maxWidth="md">
-      <Typography variant="h6" component="div" gutterBottom>
-        Connect with Us
-      </Typography>
-      <Box display="flex" justifyContent="center" alignItems="center" gap={4}>
-        {/* TODO: Add link to about-us page */}
-        <Link
-          underline="hover"
-          component={RouterLink}
-          to="/"
-          color="inherit"
-        >
-          About us
-        </Link>
-        <Link
-          underline="hover"
-          href="https://github.com/activecourses/Upwork-Clone-Front"
-          color="inherit"
-
-        >
-          <GitHub />
-        </Link>
-      </Box>
-      <Typography variant="body2" color="inherit" mt={2}>
-        © {new Date().getFullYear()}{" "}
-        <Link  href="https://github.com/activecourses">
-          Active courses
-        </Link>
-        . All rights reserved.
-      </Typography>
-    </Container>
-  </Box>
-  )
-}
+      py={4}
+      bgcolor='black'
+      color='white'
+      textAlign='center'
+      component='footer'
+    >
+      <Container maxWidth='md'>
+        <Typography variant='h6' component='div' gutterBottom>
+          Connect with Us
+        </Typography>
+        <Box display='flex' justifyContent='center' alignItems='center' gap={4}>
+          {/* TODO: Add link to about-us page */}
+          <Link underline='hover' component={RouterLink} to='/' color='inherit'>
+            About us
+          </Link>
+          <Link
+            underline='hover'
+            href='https://github.com/activecourses/Upwork-Clone-Front'
+            color='inherit'
+          >
+            <GitHub />
+          </Link>
+        </Box>
+        <Typography variant='body2' color='inherit' mt={2}>
+          © {new Date().getFullYear()}{' '}
+          <Link href='https://github.com/activecourses'>Active courses</Link>.
+          All rights reserved.
+        </Typography>
+      </Container>
+    </Box>
+  );
+};
 
-export default Footer
+export default Footer;
diff --git a/src/components/home/Hero.jsx b/src/components/home/Hero.jsx
@@ -1,63 +1,63 @@
-import { Box, Button, Container, Typography } from "@mui/material";
-import { Link as RouterLink } from "react-router-dom";
+import { Box, Button, Container, Typography } from '@mui/material';
+import { Link as RouterLink } from 'react-router-dom';
 const Hero = () => {
   return (
     <Container
-      component="section"
+      component='section'
       sx={{
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "flex-start",
-        flex: "1",
-        gap: "1rem",
-        marginTop: "5rem",
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'flex-start',
+        flex: '1',
+        gap: '1rem',
+        marginTop: '5rem',
       }}
     >
       <Box
         sx={{
-          display: "flex",
-          flexDirection: "column",
-          gap: "1rem",
-          "@media (max-width: 1040px)": {
-            justifyContent: "center",
-            alignItems: "center",
-            textAlign: "center",
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '1rem',
+          '@media (max-width: 1040px)': {
+            justifyContent: 'center',
+            alignItems: 'center',
+            textAlign: 'center',
           },
         }}
       >
-        <Typography component="h1" variant="h2">
+        <Typography component='h1' variant='h2'>
           Get it done with a freelancer
         </Typography>
-        <Typography component="p">
+        <Typography component='p'>
           Our digital marketing agency helps businesses grow and succeed online
           through a range of services including SEO, PPC, social media
           marketing, and content creation.
         </Typography>
         <Button
           sx={{
-            width: "30%",
-            color: "white",
-            padding: ".5rem 1rem",
+            width: '30%',
+            color: 'white',
+            padding: '.5rem 1rem',
           }}
         >
-          <RouterLink style={{ color: "white", textDecoration: "none" }} to="/">
+          <RouterLink style={{ color: 'white', textDecoration: 'none' }} to='/'>
             Get started
           </RouterLink>
         </Button>
       </Box>
       <Box
         sx={{
-          "@media (max-width: 1040px)": {
-            display: "none",
+          '@media (max-width: 1040px)': {
+            display: 'none',
           },
         }}
       >
         <img
           style={{
-            width: "100%",
-            height: "100%",
+            width: '100%',
+            height: '100%',
           }}
-          src="./images/hero-section-img.png"
+          src='./images/hero-section-img.png'
         />
       </Box>
     </Container>

diff --git a/src/components/home/HomePage.jsx b/src/components/home/HomePage.jsx
@@ -1,6 +1,6 @@
-import { Box } from "@mui/material";
-import Footer from "../Shared/Footer";
-import Hero from "./Hero";
+import { Box } from '@mui/material';
+import Footer from '../Shared/Footer';
+import Hero from './Hero';
 
 /** TODO:
  * ✅ non-user navbar
@@ -9,12 +9,11 @@ import Hero from "./Hero";
  */
 const HomePage = () => {
   return (
-    <Box display="flex" flexDirection="column" flex="1">
+    <Box display='flex' flexDirection='column' flex='1'>
       <Hero />
       <Footer />
     </Box>
   );
 };
 
-
 export default HomePage;