chore: fmt

king8fisher · Nov 15, 2024 · 75709dc · 75709dc
1 parent fb9b281
commit 75709dc
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 45 deletions.
diff --git a/src/components/atoms/Navbar/Patch.tsx b/src/components/atoms/Navbar/Patch.tsx
@@ -8,11 +8,8 @@ export const Patch = () => {
         title={`Age of Empires II: Definitive Edition - Patch ${patch.DE}`}
       >
         <span>DE</span>
-        <span>
-          {patch.DE}
-        </span>
+        <span>{patch.DE}</span>
       </span>
     </>
   );
 };
-
diff --git a/src/components/atoms/Navbar/model.ts b/src/components/atoms/Navbar/model.ts
@@ -3,14 +3,16 @@
 
 import { z } from "zod";
 
-export const PatchSchema = z.array(z.object({
-  number: z.number(),
-  label: z.string(),
-  release_date: z.date(),
-  published: z.boolean(),
-  url: z.string(),
-  description: z.string(),
-  total_games: z.number()
-}));
+export const PatchSchema = z.array(
+  z.object({
+    number: z.number(),
+    label: z.string(),
+    release_date: z.date(),
+    published: z.boolean(),
+    url: z.string(),
+    description: z.string(),
+    total_games: z.number(),
+  })
+);
 
-export type PatchSchema = z.infer<typeof PatchSchema>;
+export type PatchSchema = z.infer<typeof PatchSchema>;
diff --git a/src/components/atoms/SingleCivIcon/index.tsx b/src/components/atoms/SingleCivIcon/index.tsx
@@ -10,41 +10,35 @@ interface SingleCivIconProps {
   civData: ICivData;
 }
 
-const SingleCivIcon = (
-  { highlight, civData, disablePopup, ...props }: SingleCivIconProps
-    & HTMLAttributes<HTMLDivElement>) => {
+const SingleCivIcon = ({
+  highlight,
+  civData,
+  disablePopup,
+  ...props
+}: SingleCivIconProps & HTMLAttributes<HTMLDivElement>) => {
   const imgClassName = highlight ? undefined : "opacity-20";
   return (
     <SingleCivIconWrap {...props}>
       {disablePopup && <img src={getCivImgUrl(civData.key)} className={imgClassName} />}
-      {!disablePopup &&
-        <ContentWithTooltip
-          tooltip={
-            <TooltipContent civData={civData} />
-          }
-        >
-
+      {!disablePopup && (
+        <ContentWithTooltip tooltip={<TooltipContent civData={civData} />}>
           <img src={getCivImgUrl(civData.key)} className={imgClassName} />
         </ContentWithTooltip>
-      }
+      )}
     </SingleCivIconWrap>
   );
 };
 
 export default SingleCivIcon;
 
 export const TooltipContent = ({ civData }: { civData: ICivData }) => {
-  return (<div className="flex flex-col gap-1 text-sm">
-    <div className="flex flex-row items-start">
-      <span className="font-bold leading-6 grow">{civData.value}</span>
-      <SingleCivIcon
-        highlight
-        disablePopup
-        civData={civData}
-        className="place-self-end"
-      />
+  return (
+    <div className="flex flex-col gap-1 text-sm">
+      <div className="flex flex-row items-start">
+        <span className="font-bold leading-6 grow">{civData.value}</span>
+        <SingleCivIcon highlight disablePopup civData={civData} className="place-self-end" />
+      </div>
+      <span className="text-wrap" dangerouslySetInnerHTML={{ __html: civData.help }} />
     </div>
-    <span className="text-wrap" dangerouslySetInnerHTML={{ __html: civData.help }} />
-  </div>
-  )
-}
+  );
+};
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -4,7 +4,15 @@ import SingleCivIcon, { TooltipContent } from "../../components/atoms/SingleCivI
 import { ButtonGroup, IFilterStats } from "../../components/molecules/ButtonGroup";
 import { CivView } from "../../components/molecules/CivView";
 import GenericUnitsView from "../../components/molecules/GenericUnitsView";
-import { ICivData, IGroupByUnitData, IUnitCivData, getAllCivs, groupByUnitType, searchCivs, searchUnits } from "../../data/model";
+import {
+  ICivData,
+  IGroupByUnitData,
+  IUnitCivData,
+  getAllCivs,
+  groupByUnitType,
+  searchCivs,
+  searchUnits,
+} from "../../data/model";
 import { DataFilter } from "../../helpers/constants";
 import { useDebounce } from "../../helpers/debouncers";
 import { Container } from "../../styles";
@@ -66,8 +74,7 @@ const Home = () => {
       {filter === DataFilter.units && <GenericUnitsView genericUnitsData={searchResult} />}
       {filter === DataFilter.civs && searchResult?.civs.map((civ) => <CivView key={civ.key} civ={civ} />)}
       <div className="flex flex-row flex-wrap md:flex-nowrap gap-1 items-start pb-8">
-        {
-          filter === DataFilter.civs &&
+        {filter === DataFilter.civs && (
           <div className="grid grid-cols-8 gap-1 p-1 mt-1 max-w-[300px] shrink-0">
             {getAllCivs().map((civData) => (
               <SingleCivIcon
@@ -76,7 +83,7 @@ const Home = () => {
                 civData={civData}
                 key={civData.key}
                 onMouseOver={() => {
-                  setCivTip(civData)
+                  setCivTip(civData);
                 }}
                 onMouseLeave={() => {
                   // We want to keep the last still visible.
@@ -85,12 +92,12 @@ const Home = () => {
               />
             ))}
           </div>
-        }
-        { (filter === DataFilter.civs && civTip) &&
+        )}
+        {filter === DataFilter.civs && civTip && (
           <div className="grow flex flex-col gap-2 p-2 rounded bg-black/20">
             <TooltipContent civData={civTip} />
           </div>
-        }
+        )}
       </div>
     </Container>
   );