Formatting

app/account/page.tsx

@@ -1,21 +1,21 @@
 "use client";
 
-import { useState, useEffect } from "react";
-import { useAuthContext } from "@context/authContext";
-import Button from "@/components/general/button";
-import { db, auth } from "@lib/firebase";
-import Image from "next/image";
-import getUserDoc from "@/utils/firebase/db/getUserDoc";
-import Input from "@/components/general/input";
-import Dropdown from "@/components/general/dropdown";
 import updateDisplayName from "@/utils/firebase/db/updateDisplayName";
 import updateProfileType from "@/utils/firebase/db/updateProfileType";
 import deleteAccount from "@/utils/firebase/account/deleteAccount";
 import googleSignOut from "@/utils/firebase/account/googleSignOut";
-import { useRouter } from "next/navigation";
-import getAverageScore from "@/utils/score/getAverageScore";
 import countTotalSplits from "@/utils/score/countTotalSplits";
+import getAverageScore from "@/utils/score/getAverageScore";
+import getUserDoc from "@/utils/firebase/db/getUserDoc";
+import { useAuthContext } from "@context/authContext";
+import Dropdown from "@/components/general/dropdown";
 import StatBox from "@/components/account/statBox";
+import Button from "@/components/general/button";
+import Input from "@/components/general/input";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { db, auth } from "@lib/firebase";
+import Image from "next/image";
 
 export default function History() {
   // general
@@ -101,7 +101,9 @@ export default function History() {
           <StatBox name='Total Splits' value={totalSplits} />
         </section>
       ) : null}
-      {currentWindow == "social" ? <h1>Ill get around to this at some point</h1> : null}
+      {currentWindow == "social" ? (
+        <h1>Ill get around to this at some point</h1>
+      ) : null}
       {currentWindow == "account" ? (
         <section className='shadow-card p-10 border border-gray-300 rounded-md flex gap-2 w-full max-mdLg:flex-col max-mdLg:items-center'>
           <Image

app/history/page.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { useEffect, useState } from "react";
 import getAllSessions from "@/utils/score/getAllSessions";
-import { doc, getDoc } from "firebase/firestore";
-import { auth, db } from "@lib/firebase";
 import Dropdown from "@/components/general/dropdown";
+import { doc, getDoc } from "firebase/firestore";
 import Button from "@/components/general/button";
+import { useEffect, useState } from "react";
+import { auth, db } from "@lib/firebase";
 
 export default function History() {
   const [currentGame, setCurrentGame] = useState(1);
@@ -95,9 +95,9 @@ export default function History() {
           <Button title='Next' onClick={switchGame} />
         </div>
       </section>
-      <section className='flex gap-2'>
-        <h2 className="whitespace-nowrap">
-          {`${location} ${distance} ${distanceUnit} ${bow}`}
+      <section className='flex gap-2 items-center justify-center'>
+        <h2 className='whitespace-nowrap'>
+          {`${location} ${distance}${distanceUnit} ${bow}`}
         </h2>
         <Button title='Note' onClick={() => {}} />
         <Button title='Delete' onClick={() => {}} />

app/layout.tsx

@@ -1,7 +1,7 @@
-import { NavigationEvents } from "@/lib/nav-events";
 import { AuthContextProvider } from "@/lib/context/authContext";
-import { Inter } from "next/font/google";
+import { NavigationEvents } from "@/lib/nav-events";
 import NavBar from "@/components/layout/nav";
+import { Inter } from "next/font/google";
 import type { Metadata } from "next";
 import { Suspense } from "react";
 import "./globals.css";

app/page.tsx

@@ -1,14 +1,14 @@
 "use client";
 
 import NotificationPopup from "@/components/general/notificationPopup";
-import ScoringChart from "@/components/scoring/scoringChart";
-import { useState, useEffect } from "react";
+import FinalScoringStats from "@/components/scoring/finalScoringStats";
 import SessionOptions from "@/components/scoring/sessionOptions";
 import ScoreSetupMenu from "@/components/scoring/scoreSetupMenu";
-import FinalScoringStats from "@/components/scoring/finalScoringStats";
 import SaveScorePopup from "@/components/scoring/saveScorePopup";
-import { useAuthContext } from "@context/authContext";
+import ScoringChart from "@/components/scoring/scoringChart";
 import SignUpPopup from "@/components/misc/signUpPopup";
+import { useAuthContext } from "@context/authContext";
+import { useState, useEffect } from "react";
 
 export default function Home() {
   const [setup, setSetup] = useState(true);

components/account/statBox.tsx

@@ -1,4 +1,10 @@
-export default function StatBox({ name, value }: { name: string; value: number }) {
+export default function StatBox({
+  name,
+  value
+}: {
+  name: string;
+  value: number;
+}) {
   return (
     <div className='border-gray-300 rounded-md flex flex-col justify-center gap-2 shadow-card w-48 h-48'>
       <h1 className='text-center text-lg'>{name}</h1>

components/general/dropdown.tsx

@@ -48,7 +48,9 @@ export default function Dropdown({
         <div
           className={`${
             opened ? " absolute" : "hidden"
-          } mt-2 w-60 rounded-md shadow-lg bg-lightest ring-1 ring-black ring-opacity-5 z-10 ${customClass ? customClass : ""}`}
+          } mt-2 w-60 rounded-md shadow-lg bg-lightest ring-1 ring-black ring-opacity-5 z-10 ${
+            customClass ? customClass : ""
+          }`}
         >
           <div
             className='py-1'

components/layout/nav.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import useScroll from "@hooks/useScroll";
-import { useRouter, usePathname } from "next/navigation";
-import { useAuthContext } from "@/lib/context/authContext";
 import googleSignIn from "@/utils/firebase/account/googleSignIn";
+import { useAuthContext } from "@/lib/context/authContext";
+import { useRouter, usePathname } from "next/navigation";
+import useScroll from "@hooks/useScroll";
 import { routes } from "@lib/routes";
 
 export default function NavBar() {

components/misc/signUpPopup.tsx

@@ -1,5 +1,5 @@
-import Button from "@components/general/button";
 import googleSignIn from "@/utils/firebase/account/googleSignIn";
+import Button from "@components/general/button";
 
 export default function SignUpPopup({
   updateSignUpPopup

components/scoring/saveScorePopup.tsx

@@ -1,6 +1,6 @@
+import fixDateTimeFormat from "@/utils/fixDateTimeFormat";
 import Button from "@components/general/button";
 import Input from "@components/general/input";
-import fixDateTimeFormat from "@/utils/fixDateTimeFormat";
 import { useState, useEffect } from "react";
 
 type SaveScorePopupProps = {

components/scoring/scoringChart.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { useState, useEffect } from "react";
 import Button from "@components/general/button";
+import { useState, useEffect } from "react";
 
 type Props = {
   arrowsPerEnd: number;

components/scoring/sessionOptions.tsx

@@ -1,5 +1,4 @@
 import Button from "@components/general/button";
-import { update } from "firebase/database";
 
 export default function SessionOptions({
   done,