clean up

JumboCode · Jan 19, 2025 · 128d4d5 · 128d4d5
1 parent d2fdf73
commit 128d4d5
Show file tree

Hide file tree

Showing 11 changed files with 122 additions and 391 deletions.
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/components/Class.jsx b/src/components/Class.jsx
@@ -42,11 +42,11 @@ const Class = ({ classObj }) => {
               classId={classObj._id}
               isEnroll={true}
             />
-            <EnrollButton
+            {/* <EnrollButton
               userId={user?._id}
               classId={classObj._id}
               isEnroll={false}
-            />
+            /> */}
           </div>
         </SignedIn>
       </div>

diff --git a/src/components/CreateClassForm.jsx b/src/components/CreateClassForm.jsx
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -1,15 +1,15 @@
 import { useTranslation } from "react-i18next";
 
 const Footer = () => {
-    const { t } = useTranslation();
+  const { t } = useTranslation();
 
-    return (
-        <footer className="h-80 bg-dark-blue-800 text-white flex flex-col justify-center gap-y-5">
-            <p className="text-4xl font-extrabold mx-20">Dillar English Academy</p>
-            <p className="text-lg mx-20">{t("email_field")}: [email protected]</p>
-            <p className="text-lg mx-20">{t("instagram")}: @dillaracademy</p>
-        </footer>
-    )
+  return (
+    <footer className="h-80 bg-dark-blue-800 text-white flex flex-col justify-center gap-y-5">
+      <p className="text-4xl font-extrabold mx-20">Dillar English Academy</p>
+      <p className="text-lg mx-20">{t("email_field")}: [email protected]</p>
+      <p className="text-lg mx-20">{t("instagram")}: @dillaracademy</p>
+    </footer>
+  )
 }
 
 export default Footer;
diff --git a/src/components/HomeClass.jsx b/src/components/HomeClass.jsx
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
@@ -3,29 +3,29 @@ import { useTranslation } from "react-i18next";
 import { IoStar } from "react-icons/io5";
 
 function About() {
-    const { t } = useTranslation();
+  const { t } = useTranslation();
 
-    return (
-        <div className="flex flex-col sm:flex-row-reverse sm:justify-between h-full py-40 xl:px-16 md:px-6 px-4">
-            <div className="flex items-center justify-center sm:w-1/3">
-                <img src={stepping_stones_landscape} alt="stepping_stones_landscape" className="rounded-3xl shadow-xl aspect-square" title="stepping_stones_landscape"></img>
-            </div>
-            <div className="my-auto sm:w-7/12 sm:text-lg">
-                <h1 className="text-4xl py-5 sm:text-5xl text-center sm:text-left font-extrabold text-blue-700 inline-flex items-center">
-                    <IoStar
-                        style={{ fontSize: '40px' }}
-                        color="steelblue"
-                        className="mr-2"
-                    />
-                    {t("about_heading")}
-                </h1>
-                <p>{t("about_desc_1")}
-                    <br /><br />
-                    {t("about_desc_2")}
-                </p>
-            </div>
-        </div>
-    )
+  return (
+    <div className="flex flex-col items-center sm:items-stretch sm:flex-row-reverse sm:justify-between sm:h-full py-10 sm:py-40 xl:px-16 md:px-6 px-4">
+      <div className="flex items-center justify-center sm:w-1/3">
+        <img src={stepping_stones_landscape} alt="stepping_stones_landscape" className="rounded-3xl shadow-xl aspect-square" title="stepping_stones_landscape"></img>
+      </div>
+      <div className="my-auto sm:w-7/12 sm:text-lg">
+        <h1 className="text-4xl py-5 sm:text-5xl text-center sm:text-left font-extrabold text-blue-700 inline-flex items-center">
+          <IoStar
+            style={{ fontSize: '40px' }}
+            color="steelblue"
+            className="mr-2"
+          />
+          {t("about_heading")}
+        </h1>
+        <p>{t("about_desc_1")}
+          <br /><br />
+          {t("about_desc_2")}
+        </p>
+      </div>
+    </div>
+  )
 }
 
 export default About;