Reformat files to match prettier settings

Author: WZWren

peerprep/app/questions/[question]/page.tsx

@@ -1,28 +1,28 @@
-import { fetchQuestion } from '@/api/gateway';
+import { fetchQuestion } from "@/api/gateway";
 import { Question as QnType, StatusBody, isError } from "@/api/structs";
-import styles from '@/style/question.module.css';
-import ErrorBlock from '@/components/shared/ErrorBlock';
-import React from 'react'
-import QuestionBlock from './question';
+import styles from "@/style/question.module.css";
+import ErrorBlock from "@/components/shared/ErrorBlock";
+import React from "react";
+import QuestionBlock from "./question";
 
 type Props = {
   params: {
-    question: string
-  }
-}
+    question: string;
+  };
+};
 
 async function Question({ params }: Props) {
   const question = await fetchQuestion(params.question);
 
   return (
     <div className={styles.wrapper}>
-      {
-        isError(question)
-        ? <ErrorBlock err={question as StatusBody}/>
-        : <QuestionBlock question={question as QnType}/>
-      }
+      {isError(question) ? (
+        <ErrorBlock err={question as StatusBody} />
+      ) : (
+        <QuestionBlock question={question as QnType} />
+      )}
     </div>
-  )
+  );
 }
 
-export default Question;
+export default Question;

peerprep/app/questions/[question]/question.tsx

@@ -1,24 +1,24 @@
-'use client';
+"use client";
 import { Question, Difficulty } from "@/api/structs";
 import Chip from "@/components/shared/Chip";
 import PeerprepButton from "@/components/shared/PeerprepButton";
-import styles from '@/style/question.module.css';
+import styles from "@/style/question.module.css";
 
 interface Props {
-  question : Question;
+  question: Question;
 }
 
 interface DifficultyChipProps {
-  diff: Difficulty
+  diff: Difficulty;
 }
 
 function DifficultyChip({ diff }: DifficultyChipProps) {
-  return (
-    diff === Difficulty.Easy
-    ? <Chip className={styles.easy}>Easy</Chip>
-    : diff === Difficulty.Medium
-    ? <Chip className={styles.med}>Med</Chip>
-    : <Chip className={styles.hard}>Hard</Chip>
+  return diff === Difficulty.Easy ? (
+    <Chip className={styles.easy}>Easy</Chip>
+  ) : diff === Difficulty.Medium ? (
+    <Chip className={styles.med}>Med</Chip>
+  ) : (
+    <Chip className={styles.hard}>Hard</Chip>
   );
 }
 
@@ -28,7 +28,9 @@ function QuestionBlock({ question }: Props) {
   const createRow = (key: string) => (
     <tr key={key}>
       <td className={`${styles.table} ${styles.cell}`}>{key}</td>
-      <td className={`${styles.table} ${styles.cell}`}>{question.test_cases[key]}</td>
+      <td className={`${styles.table} ${styles.cell}`}>
+        {question.test_cases[key]}
+      </td>
     </tr>
   );
 
@@ -37,41 +39,56 @@ function QuestionBlock({ question }: Props) {
       <div className={styles.qn_container}>
         <div className={styles.title_wrapper}>
           <div className={styles.label_wrapper}>
-            <h1 className={styles.title}>Q{question.id}: {question.title}</h1>
+            <h1 className={styles.title}>
+              Q{question.id}: {question.title}
+            </h1>
             <DifficultyChip diff={question.difficulty} />
           </div>
-          <PeerprepButton className={` ${styles.button}`}
-            onClick={/* TODO: Replace this function with gateway.delete*/() => console.log("Delete Me!")}>
+          <PeerprepButton
+            className={` ${styles.button}`}
+            onClick={
+              /* TODO: Replace this function with gateway.delete*/ () =>
+                console.log("Delete Me!")
+            }
+          >
             Delete
           </PeerprepButton>
         </div>
         <div className={styles.label_wrapper}>
           <p>Categories: </p>
-          {question.categories.length == 0
-          ? (<p>No categories listed.</p>)
-          : question.categories.map((elem, idx) => (
-            <p key={idx}>{elem}</p>
-          ))}
+          {question.categories.length == 0 ? (
+            <p>No categories listed.</p>
+          ) : (
+            question.categories.map((elem, idx) => <p key={idx}>{elem}</p>)
+          )}
         </div>
         <p>{question.description}</p>
-        <br/>
+        <br />
         {question.test_cases && (
           <table className={styles.table}>
             <tbody>
               <tr>
-                <th className={`${styles.table} ${styles.header} ${styles.input}`}>Input</th>
-                <th className={`${styles.table} ${styles.header} ${styles.output}`}>Expected Output</th>
+                <th
+                  className={`${styles.table} ${styles.header} ${styles.input}`}
+                >
+                  Input
+                </th>
+                <th
+                  className={`${styles.table} ${styles.header} ${styles.output}`}
+                >
+                  Expected Output
+                </th>
               </tr>
               {keys.map(createRow)}
             </tbody>
           </table>
         )}
       </div>
       <form className={styles.editor_container}>
-        <textarea className={styles.code_editor}/>
+        <textarea className={styles.code_editor} />
       </form>
     </>
   );
 }
 
-export default QuestionBlock;
+export default QuestionBlock;