refactor: convert components to arrow functions and reexport

HackAtUCI · Nov 3, 2023 · d379f4e · d379f4e
1 parent b8e25c9
commit d379f4e
Show file tree

Hide file tree

Showing 13 changed files with 43 additions and 28 deletions.
diff --git a/apps/site/src/app/(home)/page.tsx b/apps/site/src/app/(home)/page.tsx
@@ -1,24 +1,22 @@
 export const revalidate = 60;
 
-import Landing from "./sections/Landing/Landing";
-import Intro from "./sections/Intro/Intro";
-import Mentor from "./sections/Mentor/Mentor";
-import Sponsors from "./sections/Sponsors/Sponsors";
-import FAQ from "./sections/FAQ/FAQ";
+import Landing from "./sections/Landing";
+import Intro from "./sections/Intro";
+import Mentor from "./sections/Mentor";
+import Sponsors from "./sections/Sponsors";
+import FAQ from "./sections/FAQ";
 
 import styles from "./page.module.scss";
 
 const Home = () => {
  return (
- <>
- <div className={styles.home}>
- <Landing />
- <Intro />
- <Mentor />
- <Sponsors />
- <FAQ />
- </div>
- </>
+ <div className={styles.home}>
+ <Landing />
+ <Intro />
+ <Mentor />
+ <Sponsors />
+ <FAQ />
+ </div>
  );
 };
 

diff --git a/apps/site/src/app/(home)/sections/FAQ/FAQ.tsx b/apps/site/src/app/(home)/sections/FAQ/FAQ.tsx
@@ -8,7 +8,7 @@ import styles from "./FAQ.module.scss";
 import star from "@/assets/images/star.png";
 import eraser from "@/assets/images/eraser.png";
 
-export default async function FAQ() {
+const FAQ = async () => {
  const questions = await getQuestions();
  const faq = questions[0]["faqs"].map(({ _key, question, answer }) => ({
  _key: _key,
@@ -28,4 +28,6 @@ export default async function FAQ() {
  </div>
  </section>
  );
-}
+};
+
+export default FAQ;
diff --git a/apps/site/src/app/(home)/sections/FAQ/FAQAccordion.tsx b/apps/site/src/app/(home)/sections/FAQ/FAQAccordion.tsx
@@ -11,7 +11,7 @@ interface FAQAccordion {
  }[];
 }
 
-export default function FAQAccordion({ faq }: FAQAccordion) {
+const FAQAccordion: React.FC<FAQAccordion> = ({ faq }) => {
  return (
  <Accordion className={styles.accordion} alwaysOpen>
  {faq.map(({ _key, question, answer }) => (
@@ -28,4 +28,6 @@ export default function FAQAccordion({ faq }: FAQAccordion) {
  ))}
  </Accordion>
  );
-}
+};
+
+export default FAQAccordion;
diff --git a/apps/site/src/app/(home)/sections/FAQ/index.ts b/apps/site/src/app/(home)/sections/FAQ/index.ts
@@ -0,0 +1 @@
+export { default } from "./FAQ";
diff --git a/apps/site/src/app/(home)/sections/Intro/Intro.tsx b/apps/site/src/app/(home)/sections/Intro/Intro.tsx
@@ -8,7 +8,7 @@ import hackDoodle from "@/assets/images/hack-doodle.png";
 
 import styles from "./Intro.module.scss";
 
-export default function Intro() {
+const Intro = () => {
  return (
  <Container as="section">
  <div className={styles.intro}>
@@ -37,4 +37,6 @@ export default function Intro() {
  </div>
  </Container>
  );
-}
+};
+
+export default Intro;
diff --git a/apps/site/src/app/(home)/sections/Intro/index.ts b/apps/site/src/app/(home)/sections/Intro/index.ts
@@ -0,0 +1 @@
+export { default } from "./Intro";
diff --git a/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx b/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx
@@ -4,7 +4,7 @@ import { HackSticker, HeartSticker } from "@/components/Sticker/Stickers";
 
 import styles from "./ApplyButton.module.scss";
 
-export default function ApplyButton() {
+const ApplyButton = () => {
  return (
  <StickerPosition
  stickers={[
@@ -28,4 +28,6 @@ export default function ApplyButton() {
  </Button>
  </StickerPosition>
  );
-}
+};
+
+export default ApplyButton;
diff --git a/apps/site/src/app/(home)/sections/Landing/Landing.tsx b/apps/site/src/app/(home)/sections/Landing/Landing.tsx
@@ -4,14 +4,14 @@ import ApplyButton from "./ApplyButton";
 
 import styles from "./Landing.module.scss";
 
-function Landing() {
+const Landing = () => {
  return (
  <div className={styles.landing}>
  <h1>ZotHacks 2023</h1>
  <p className="fs-2">November 4&ndash;5</p>
  <ApplyButton />
  </div>
  );
-}
+};
 
 export default Landing;
diff --git a/apps/site/src/app/(home)/sections/Landing/index.ts b/apps/site/src/app/(home)/sections/Landing/index.ts
@@ -0,0 +1 @@
+export { default } from "./Landing";
diff --git a/apps/site/src/app/(home)/sections/Mentor/Mentor.tsx b/apps/site/src/app/(home)/sections/Mentor/Mentor.tsx
@@ -11,7 +11,7 @@ import styles from "./Mentor.module.scss";
 
 const MENTOR_APP_URL = "/mentor";
 
-export default function Mentor() {
+const Mentor = () => {
  const mentorHeader = (
  <h2 className="mb-3 text-start">Interested in becoming a mentor?</h2>
  );
@@ -51,4 +51,6 @@ export default function Mentor() {
  </div>
  </Container>
  );
-}
+};
+
+export default Mentor;
diff --git a/apps/site/src/app/(home)/sections/Mentor/index.ts b/apps/site/src/app/(home)/sections/Mentor/index.ts
@@ -0,0 +1 @@
+export { default } from "./Mentor";
diff --git a/apps/site/src/app/(home)/sections/Sponsors/Sponsors.tsx b/apps/site/src/app/(home)/sections/Sponsors/Sponsors.tsx
@@ -7,7 +7,7 @@ import clip from "./clip.svg";
 
 const builder = imageUrlBuilder(client);
 
-export default async function Sponsors() {
+const Sponsors = async () => {
  const sponsors = await getSponsors();
 
  return (
@@ -29,4 +29,6 @@ export default async function Sponsors() {
  </div>
  </section>
  );
-}
+};
+
+export default Sponsors;
diff --git a/apps/site/src/app/(home)/sections/Sponsors/index.ts b/apps/site/src/app/(home)/sections/Sponsors/index.ts
@@ -0,0 +1 @@
+export { default } from "./Sponsors";