chore: format

asetalias · May 8, 2024 · e550d72 · e550d72
1 parent 786def9
commit e550d72
Show file tree

Hide file tree

Showing 34 changed files with 322 additions and 285 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -2,18 +2,18 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:react-hooks/recommended',
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
-  settings: { react: { version: '18.2' } },
-  plugins: ['react-refresh'],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh"],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
+    "react-refresh/only-export-components": [
+      "warn",
       { allowConstantExport: true },
     ],
   },

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -3,7 +3,7 @@ name: Deploy to GitHub Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ['main', 'temp']
+    branches: ["main", "temp"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -16,7 +16,7 @@ permissions:
 
 # Allow one concurrent deployment
 concurrency:
-  group: 'pages'
+  group: "pages"
   cancel-in-progress: true
 
 jobs:
@@ -63,7 +63,7 @@ jobs:
         uses: actions/upload-pages-artifact@v1
         with:
           # Upload dist repository
-          path: './dist'
+          path: "./dist"
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v1
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -9,7 +9,10 @@
       href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet"
     />
-    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link
+      href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ALiAS</title>
   </head>

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,8 +1,7 @@
-import './App.css'
-import Home from './pages/Home/Home'
+import "./App.css"
+import Home from "./pages/Home/Home"
 
 function App() {
-
   return (
     <>
       <Home />

diff --git a/src/components/AboutUs/AboutUs.jsx b/src/components/AboutUs/AboutUs.jsx
@@ -1,23 +1,23 @@
-import { useState, useEffect } from "react";
-import AboutItem from "../Reusables/AboutItem/AboutItem";
-import styles from "./AboutUs.module.css";
+import { useState, useEffect } from "react"
+import AboutItem from "../Reusables/AboutItem/AboutItem"
+import styles from "./AboutUs.module.css"
 
 /**
  * Fetches data from "/data/about.json" and sets the fetched data in the component's state.
  *
  * @return {JSX.Element} The rendered AboutUs component.
  */
 const AboutUs = () => {
-  const [data, setData] = useState([]);
+  const [data, setData] = useState([])
 
-  useEffect( () => {
-    fetchData();
-  }, []);
+  useEffect(() => {
+    fetchData()
+  }, [])
 
   async function fetchData() {
-    const response = await fetch("data/about.json");
-    const data = await response.json();
-    setData(data);
+    const response = await fetch("data/about.json")
+    const data = await response.json()
+    setData(data)
   }
 
   return (
@@ -34,11 +34,11 @@ const AboutUs = () => {
               title={item.title}
               description={item.description}
             />
-          );
+          )
         })}
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default AboutUs;
+export default AboutUs
diff --git a/src/components/AboutUs/AboutUs.module.css b/src/components/AboutUs/AboutUs.module.css
@@ -27,11 +27,10 @@
   .aboutus__container {
     flex-direction: column;
     align-items: center;
-    margin: var(--margin-medium)
+    margin: var(--margin-medium);
   }
 }
 
-
 @media screen and (max-width: 430px) {
   .aboutus__container {
     flex-direction: column;

diff --git a/src/components/Alumni/Alumni.jsx b/src/components/Alumni/Alumni.jsx
@@ -1,24 +1,24 @@
-import { useState, useEffect } from "react";
-import styles from "./Alumni.module.css";
-import Carousel from "../Reusables/Carousel/Carousel";
-import AlumniItem from "../Reusables/AlumniItem/AlumniItem";
+import { useState, useEffect } from "react"
+import styles from "./Alumni.module.css"
+import Carousel from "../Reusables/Carousel/Carousel"
+import AlumniItem from "../Reusables/AlumniItem/AlumniItem"
 
 /**
  * Fetches data from "/data/alumni.json" and sets the fetched data in the component's state.
  *
  * @return {JSX.Element} The rendered Alumni component.
  */
 const Alumni = () => {
-  const [data, setData] = useState([]);
+  const [data, setData] = useState([])
 
   useEffect(() => {
-    fetchData();
-  }, []);
+    fetchData()
+  }, [])
 
   async function fetchData() {
-    const response = await fetch("data/alumni.json");
-    const data = await response.json();
-    setData(data);
+    const response = await fetch("data/alumni.json")
+    const data = await response.json()
+    setData(data)
   }
 
   return (
@@ -38,11 +38,11 @@ const Alumni = () => {
               quote={item.quote}
               socials={item.social}
             />
-          );
+          )
         })}
       />
     </div>
-  );
-};
+  )
+}
 
-export default Alumni;
+export default Alumni
diff --git a/src/components/Alumni/Alumni.module.css b/src/components/Alumni/Alumni.module.css
@@ -6,7 +6,6 @@
   --items: 2;
 }
 
-
 .alumni__title {
   color: white;
   font-weight: 800;
@@ -20,14 +19,13 @@
   color: transparent;
 }
 
-
 @media screen and (max-width: 1400px) {
   .alumni {
     --items: 1.8;
   }
 }
 
-@media screen and (max-width: 1315px ) {
+@media screen and (max-width: 1315px) {
   .alumni {
     --items: 1.65;
   }
@@ -49,16 +47,10 @@
   .alumni {
     --items: 1.2;
   }
-
 }
 
 @media screen and (max-width: 1024px) {
   .alumni {
     --items: 1;
   }
 }
-
-
-
-
-
diff --git a/src/components/Community/Community.jsx b/src/components/Community/Community.jsx
@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
-import styles from "./Community.module.css";
+import { useState, useEffect } from "react"
+import styles from "./Community.module.css"
 
 /**
  * @return {JSX.Element} The rendered Community component.
@@ -9,7 +9,11 @@ const Community = () => {
     <div id="community" className={styles.community}>
       <h1 className={styles.community__title}>
         Our
-        <span className={styles.community__title_highlight}> Community</span> Partners!
+        <span className={styles.community__title_highlight}>
+          {" "}
+          Community
+        </span>{" "}
+        Partners!
       </h1>
       <div className={styles.powered}>
         <a href="https://pydelhi.org" target="_blank" rel="no noreferrer">
@@ -32,8 +36,8 @@ const Community = () => {
             src="assets/images/communities/ilugd.png"
             alt="India Linux User Group"
           />
-          </a>
-          <a href="https://fossunited.org/" target="_blank" rel="no noreferrer">
+        </a>
+        <a href="https://fossunited.org/" target="_blank" rel="no noreferrer">
           <img
             className={styles.community__chapter}
             src="assets/images/communities/foss-united.png"
@@ -49,7 +53,7 @@ const Community = () => {
         </a>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default Community;
+export default Community
diff --git a/src/components/Community/Community.module.css b/src/components/Community/Community.module.css
@@ -71,4 +71,4 @@
     width: 70%;
     margin: var(--margin-medium) 0;
   }
-}
+}
diff --git a/src/components/Contact/Contact.jsx b/src/components/Contact/Contact.jsx
@@ -1,22 +1,22 @@
-import { useState, useEffect } from "react";
-import styles from "./Contact.module.css";
+import { useState, useEffect } from "react"
+import styles from "./Contact.module.css"
 
 /**
  * Fetches data from "/data/socials.json" and sets the fetched data in the component's state.
  *
  * @return {JSX.Element} The rendered Contact component.
  */
 const Contact = () => {
-  const [data, setData] = useState([]);
+  const [data, setData] = useState([])
 
   useEffect(() => {
-    fetchData();
-  }, []);
+    fetchData()
+  }, [])
 
   async function fetchData() {
-    const response = await fetch("data/socials.json");
-    const data = await response.json();
-    setData(data);
+    const response = await fetch("data/socials.json")
+    const data = await response.json()
+    setData(data)
   }
 
   return (
@@ -35,11 +35,15 @@ const Contact = () => {
                 alt={item.id}
               />
             </a>
-          );
+          )
         })}
       </div>
       <div className={styles.powered}>
-        <a href="https://lucknow.asetalias.in" target="_blank" rel="no noreferrer">
+        <a
+          href="https://lucknow.asetalias.in"
+          target="_blank"
+          rel="no noreferrer"
+        >
           <img
             className={styles.contact__chapter}
             src="assets/images/alias-lucknow.svg"
@@ -55,11 +59,12 @@ const Contact = () => {
         </a>
       </div>
       <h2 className={styles.contact__credits}>
-        forked with {" "}
-        <span className={styles.contact__heart}>&nbsp;&#10084;&nbsp;</span> from <a href="https://lucknow.asetalias.in">ALiAS Lucknow</a>
+        forked with{" "}
+        <span className={styles.contact__heart}>&nbsp;&#10084;&nbsp;</span> from{" "}
+        <a href="https://lucknow.asetalias.in">ALiAS Lucknow</a>
       </h2>
     </div>
-  );
-};
+  )
+}
 
-export default Contact;
+export default Contact
diff --git a/src/components/Contact/Contact.module.css b/src/components/Contact/Contact.module.css
@@ -66,7 +66,9 @@
 
 .contact__heart {
   color: red;
-  text-shadow: 0 0 10px var(--color-accent), 0 0 20px var(--color-accent);
+  text-shadow:
+    0 0 10px var(--color-accent),
+    0 0 20px var(--color-accent);
 }
 
 @media screen and (max-width: 768px) {
@@ -114,4 +116,4 @@
     font-size: var(--font-small);
     margin: var(--margin-medium) 0;
   }
-}
+}