[pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
saadpasta · Jun 23, 2024 · 2560e33 · 2560e33
1 parent d191456
commit 2560e33
Show file tree

Hide file tree

Showing 8 changed files with 152 additions and 153 deletions.
diff --git a/src/_globalColor.scss b/src/_globalColor.scss
@@ -90,4 +90,4 @@ $instagram: #c13584;
 $kaggle: #20beff;
 $crowdin: #000;
 $telegram: #28a8e9;
-$discord: #5865F2;
+$discord: #5865f2;
diff --git a/src/components/experienceCard/ExperienceCard.js b/src/components/experienceCard/ExperienceCard.js
@@ -81,12 +81,12 @@ export default function ExperienceCard({cardInfo, isDark}) {
         </ul>
       </div>
       <div className="experience-card-footer">
-      <Button
-                      text={"Check it out"}
-                      className="button-experience-div"
-                      href={cardInfo.url}
-                      newTab={true}
-                      />
+        <Button
+          text={"Check it out"}
+          className="button-experience-div"
+          href={cardInfo.url}
+          newTab={true}
+        />
       </div>
     </div>
   );

diff --git a/src/components/socialMedia/SocialMedia.js b/src/components/socialMedia/SocialMedia.js
@@ -130,10 +130,10 @@ export default function socialMedia() {
 
       {socialMediaLinks.crowdin ? (
         <a
-        href={socialMediaLinks.crowdin}
-        className="icon-button language"
-        target="_blank"
-        rel="noopener noreferrer"
+          href={socialMediaLinks.crowdin}
+          className="icon-button language"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <i className="fas fa-language"></i>
           <span></span>
@@ -142,10 +142,10 @@ export default function socialMedia() {
 
       {socialMediaLinks.telegram ? (
         <a
-        href={socialMediaLinks.telegram}
-        className="icon-button telegram"
-        target="_blank"
-        rel="noopener noreferrer"
+          href={socialMediaLinks.telegram}
+          className="icon-button telegram"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <i className="fab fa-telegram"></i>
           <span></span>
@@ -154,10 +154,10 @@ export default function socialMedia() {
 
       {socialMediaLinks.discord ? (
         <a
-        href={socialMediaLinks.discord}
-        className="icon-button discord"
-        target="_blank"
-        rel="noopener noreferrer"
+          href={socialMediaLinks.discord}
+          className="icon-button discord"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <i className="fab fa-discord"></i>
           <span></span>

diff --git a/src/containers/Main.js b/src/containers/Main.js
@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from "react";
 import Header from "../components/header/Header";
 import Greeting from "./greeting/Greeting";
-import Donation from "./donation/donation"
+import Donation from "./donation/donation";
 import Skills from "./skills/Skills";
 import StackProgress from "./skillProgress/skillProgress";
 import WorkExperience from "./workExperience/WorkExperience";

diff --git a/src/containers/donation/donation.js b/src/containers/donation/donation.js
@@ -6,32 +6,32 @@ import StyleContext from "../../contexts/StyleContext";
 import Button from "../../components/button/Button";
 
 export default function Donation() {
-    const {isDark} = useContext(StyleContext);
-    return (
-        <Fade bottom duration={1000} distance="20px">
-            <div className="main donation-margin-top" id="donation">
-                <div className="donation-div-main">
-                    <div className="donation-header">
-                        <h1 className="heading donation-title">{donationInfo.title}</h1>
-                        <p
-                            className={
-                            isDark
-                            ? "dark-mode donation-subtitle"
-                            : "subTitle donation-subtitle"
-                            }
-                        >
-                        {donationInfo.subtitle}
-                        </p>
-                        <div className="button-donation-div">
-                        <Button
-                        text="Support me"
-                        href={donationInfo.link}
-                        newTab={true}
-                        ></Button>
-                        </div>
-                    </div>
-                </div>
+  const {isDark} = useContext(StyleContext);
+  return (
+    <Fade bottom duration={1000} distance="20px">
+      <div className="main donation-margin-top" id="donation">
+        <div className="donation-div-main">
+          <div className="donation-header">
+            <h1 className="heading donation-title">{donationInfo.title}</h1>
+            <p
+              className={
+                isDark
+                  ? "dark-mode donation-subtitle"
+                  : "subTitle donation-subtitle"
+              }
+            >
+              {donationInfo.subtitle}
+            </p>
+            <div className="button-donation-div">
+              <Button
+                text="Support me"
+                href={donationInfo.link}
+                newTab={true}
+              ></Button>
             </div>
-        </Fade>
-    );
-}
+          </div>
+        </div>
+      </div>
+    </Fade>
+  );
+}
diff --git a/src/containers/donation/donation.scss b/src/containers/donation/donation.scss
@@ -1,51 +1,50 @@
 @import "../../_globalColor";
 
 .donation-div-main {
-    display: flex;
-  }
-  
+  display: flex;
+}
+
 .dark-mode a {
-    color: $textColorDark;
-  }
-  
+  color: $textColorDark;
+}
+
 .donation-div-main > * {
-    flex: 1;
-  }
+  flex: 1;
+}
 
 .donation-margin-top {
-    margin-top: 4rem;
-  }
+  margin-top: 4rem;
+}
 
 .donation-title {
-    font-size: 65px;
+  font-size: 65px;
+  font-weight: 400;
+}
+
+.button-donation-div {
+  display: flex;
+  margin-top: 20px;
+}
+
+@media (max-width: 1380px), (max-width: 768px) {
+  .donation-title {
+    font-size: 56px;
     font-weight: 400;
+    text-align: center;
   }
 
-.button-donation-div {
-    display: flex;
-    margin-top: 20px;
+  .donation-title {
+    font-size: 40px;
+    text-align: center;
   }
 
+  .donation-subtitle {
+    font-size: 16px;
+    line-height: normal;
+    text-align: center;
+  }
 
-@media (max-width: 1380px), (max-width: 768px) {
-    .donation-title {
-      font-size: 56px;
-      font-weight: 400;
-      text-align: center;
-    }
-
-    .donation-title {
-      font-size: 40px;
-      text-align: center;
-    }
-
-    .donation-subtitle {
-      font-size: 16px;
-      line-height: normal;
-      text-align: center;
-    }
-
-    .button-donation-div {
-      justify-content: space-around;
-    }
-  }
+  .button-donation-div {
+    justify-content: space-around;
+  }
+}
diff --git a/src/containers/workExperience/WorkExperience.js b/src/containers/workExperience/WorkExperience.js
@@ -9,30 +9,30 @@ export default function WorkExperience() {
   if (workExperiences.display) {
     return (
       <div id="experience">
-          <div className="experience-container" id="workExperience">
-            <div>
-              <h1 className="experience-heading">Experiences</h1>
-              <div className="experience-cards-div">
-                {workExperiences.experience.map((card, i) => {
-                  return (
-                    <ExperienceCard
-                      key={i}
-                      isDark={isDark}
-                      cardInfo={{
-                        company: card.company,
-                        desc: card.desc,
-                        date: card.date,
-                        companylogo: card.companylogo,
-                        role: card.role,
-                        descBullets: card.descBullets,
-                        url: card.url
-                      }}
-                    />
-                  );
-                })}
-              </div>
+        <div className="experience-container" id="workExperience">
+          <div>
+            <h1 className="experience-heading">Experiences</h1>
+            <div className="experience-cards-div">
+              {workExperiences.experience.map((card, i) => {
+                return (
+                  <ExperienceCard
+                    key={i}
+                    isDark={isDark}
+                    cardInfo={{
+                      company: card.company,
+                      desc: card.desc,
+                      date: card.date,
+                      companylogo: card.companylogo,
+                      role: card.role,
+                      descBullets: card.descBullets,
+                      url: card.url
+                    }}
+                  />
+                );
+              })}
             </div>
           </div>
+        </div>
       </div>
     );
   }