Merge pull request #34 from h-sehee/refactor/code-cleanup

h-sehee · web-flow · commit 1476a4db76f7 · 2025-06-07T17:07:17.000-04:00
Format code for consistency
diff --git a/src/api/dog.ts b/src/api/dog.ts
@@ -34,7 +34,7 @@ export const searchDogs = async (
   sort: string,
   ageMin?: number,
   ageMax?: number,
-  zipCodes: string[] = [],
+  zipCodes: string[] = []
 ): Promise<SearchResponse> => {
   const params = new URLSearchParams();
   if (breeds.length > 0) {
diff --git a/src/api/index.ts b/src/api/index.ts
@@ -1,3 +1,3 @@
 export * from "./auth";
 export * from "./dog";
-export * from "./location";
+export * from "./location";
diff --git a/src/api/location.ts b/src/api/location.ts
@@ -38,24 +38,19 @@ export interface LocationSearchResponse {
   total: number;
 }
 
-export const searchLocations = async (
-  params: {
-    city?: string;
-    states?: string[];
-    geoBoundingBox?: GeoBoundingBox;
-    size?: number;
-    from?: number;
-  }
-): Promise<LocationSearchResponse> => {
-  const res = await fetch(
-    `${API_BASE_URL}/locations/search`,
-    {
-      method: "POST",
-      credentials: "include",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(params),
-    }
-  );
+export const searchLocations = async (params: {
+  city?: string;
+  states?: string[];
+  geoBoundingBox?: GeoBoundingBox;
+  size?: number;
+  from?: number;
+}): Promise<LocationSearchResponse> => {
+  const res = await fetch(`${API_BASE_URL}/locations/search`, {
+    method: "POST",
+    credentials: "include",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(params),
+  });
   if (!res.ok) {
     throw new Error("Failed to search locations");
   }
diff --git a/src/components/ActiveFilters.tsx b/src/components/ActiveFilters.tsx
@@ -1,10 +1,4 @@
-import {
-  HStack,
-  Tag,
-  TagLabel,
-  TagCloseButton,
-  Box,
-} from "@chakra-ui/react";
+import { HStack, Tag, TagLabel, TagCloseButton, Box } from "@chakra-ui/react";
 import { US_STATES } from "./FilterPopover";
 
 interface ActiveFiltersProps {
diff --git a/src/components/FavoritesDrawer.tsx b/src/components/FavoritesDrawer.tsx
@@ -32,8 +32,7 @@ const FavoritesDrawer: React.FC = () => {
   const zips = Array.from(
     new Set(favoriteDogsDetails.map((d) => d.zip_code))
   ).filter(Boolean);
-  const { locationsMap: dogLocations, loading } =
-    useDogLocations(zips);
+  const { locationsMap: dogLocations, loading } = useDogLocations(zips);
 
   return (
     <Drawer
diff --git a/src/components/FilterPopover.tsx b/src/components/FilterPopover.tsx
@@ -354,56 +354,56 @@ const FilterPopover: React.FC<FilterPopoverProps> = ({
 };
 
 export const US_STATES = [
-    { code: "AL", name: "Alabama" },
-    { code: "AK", name: "Alaska" },
-    { code: "AZ", name: "Arizona" },
-    { code: "AR", name: "Arkansas" },
-    { code: "CA", name: "California" },
-    { code: "CO", name: "Colorado" },
-    { code: "CT", name: "Connecticut" },
-    { code: "DE", name: "Delaware" },
-    { code: "FL", name: "Florida" },
-    { code: "GA", name: "Georgia" },
-    { code: "HI", name: "Hawaii" },
-    { code: "ID", name: "Idaho" },
-    { code: "IL", name: "Illinois" },
-    { code: "IN", name: "Indiana" },
-    { code: "IA", name: "Iowa" },
-    { code: "KS", name: "Kansas" },
-    { code: "KY", name: "Kentucky" },
-    { code: "LA", name: "Louisiana" },
-    { code: "ME", name: "Maine" },
-    { code: "MD", name: "Maryland" },
-    { code: "MA", name: "Massachusetts" },
-    { code: "MI", name: "Michigan" },
-    { code: "MN", name: "Minnesota" },
-    { code: "MS", name: "Mississippi" },
-    { code: "MO", name: "Missouri" },
-    { code: "MT", name: "Montana" },
-    { code: "NE", name: "Nebraska" },
-    { code: "NV", name: "Nevada" },
-    { code: "NH", name: "New Hampshire" },
-    { code: "NJ", name: "New Jersey" },
-    { code: "NM", name: "New Mexico" },
-    { code: "NY", name: "New York" },
-    { code: "NC", name: "North Carolina" },
-    { code: "ND", name: "North Dakota" },
-    { code: "OH", name: "Ohio" },
-    { code: "OK", name: "Oklahoma" },
-    { code: "OR", name: "Oregon" },
-    { code: "PA", name: "Pennsylvania" },
-    { code: "RI", name: "Rhode Island" },
-    { code: "SC", name: "South Carolina" },
-    { code: "SD", name: "South Dakota" },
-    { code: "TN", name: "Tennessee" },
-    { code: "TX", name: "Texas" },
-    { code: "UT", name: "Utah" },
-    { code: "VT", name: "Vermont" },
-    { code: "VA", name: "Virginia" },
-    { code: "WA", name: "Washington" },
-    { code: "WV", name: "West Virginia" },
-    { code: "WI", name: "Wisconsin" },
-    { code: "WY", name: "Wyoming" },
-  ];
+  { code: "AL", name: "Alabama" },
+  { code: "AK", name: "Alaska" },
+  { code: "AZ", name: "Arizona" },
+  { code: "AR", name: "Arkansas" },
+  { code: "CA", name: "California" },
+  { code: "CO", name: "Colorado" },
+  { code: "CT", name: "Connecticut" },
+  { code: "DE", name: "Delaware" },
+  { code: "FL", name: "Florida" },
+  { code: "GA", name: "Georgia" },
+  { code: "HI", name: "Hawaii" },
+  { code: "ID", name: "Idaho" },
+  { code: "IL", name: "Illinois" },
+  { code: "IN", name: "Indiana" },
+  { code: "IA", name: "Iowa" },
+  { code: "KS", name: "Kansas" },
+  { code: "KY", name: "Kentucky" },
+  { code: "LA", name: "Louisiana" },
+  { code: "ME", name: "Maine" },
+  { code: "MD", name: "Maryland" },
+  { code: "MA", name: "Massachusetts" },
+  { code: "MI", name: "Michigan" },
+  { code: "MN", name: "Minnesota" },
+  { code: "MS", name: "Mississippi" },
+  { code: "MO", name: "Missouri" },
+  { code: "MT", name: "Montana" },
+  { code: "NE", name: "Nebraska" },
+  { code: "NV", name: "Nevada" },
+  { code: "NH", name: "New Hampshire" },
+  { code: "NJ", name: "New Jersey" },
+  { code: "NM", name: "New Mexico" },
+  { code: "NY", name: "New York" },
+  { code: "NC", name: "North Carolina" },
+  { code: "ND", name: "North Dakota" },
+  { code: "OH", name: "Ohio" },
+  { code: "OK", name: "Oklahoma" },
+  { code: "OR", name: "Oregon" },
+  { code: "PA", name: "Pennsylvania" },
+  { code: "RI", name: "Rhode Island" },
+  { code: "SC", name: "South Carolina" },
+  { code: "SD", name: "South Dakota" },
+  { code: "TN", name: "Tennessee" },
+  { code: "TX", name: "Texas" },
+  { code: "UT", name: "Utah" },
+  { code: "VT", name: "Vermont" },
+  { code: "VA", name: "Virginia" },
+  { code: "WA", name: "Washington" },
+  { code: "WV", name: "West Virginia" },
+  { code: "WI", name: "Wisconsin" },
+  { code: "WY", name: "Wyoming" },
+];
 
 export default FilterPopover;
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -4,20 +4,20 @@ import { Box, Text } from "@chakra-ui/react";
 const Footer: React.FC = () => {
   return (
     <Box
-          as="footer"
-          mt="auto"
-          py="4"
-          px="8"
-          borderTop="1px solid"
-          borderColor="gray.200"
-          bg="#300d3811"
-          textAlign="center"
-        >
-          <Text fontSize="sm" color="darkBrand.500">
-            © 2025 PawFetch. All rights reserved.
-          </Text>
-        </Box>
+      as="footer"
+      mt="auto"
+      py="4"
+      px="8"
+      borderTop="1px solid"
+      borderColor="gray.200"
+      bg="#300d3811"
+      textAlign="center"
+    >
+      <Text fontSize="sm" color="darkBrand.500">
+        © 2025 PawFetch. All rights reserved.
+      </Text>
+    </Box>
   );
 };
 
-export default Footer;
+export default Footer;
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -13,14 +13,12 @@ const Layout = ({ children }: LayoutProps) => {
       style={{
         display: "flex",
         flexDirection: "column",
-        minHeight: "100vh"
-    }}
+        minHeight: "100vh",
+      }}
     >
       <NavBar />
 
-      <main style={{ flex: 1, padding: "1rem 2rem" }}>
-        {children}
-      </main>
+      <main style={{ flex: 1, padding: "1rem 2rem" }}>{children}</main>
 
       <Footer />
     </div>
diff --git a/src/components/MatchResultModal.tsx b/src/components/MatchResultModal.tsx
@@ -32,8 +32,7 @@ const MatchResultModal: React.FC<MatchResultModalProps> = ({
   const modalSize = useBreakpointValue({ base: "sm", md: "2xl", xl: "6xl" });
 
   const zip = matchDog?.zip_code ? matchDog.zip_code : "";
-  const { location: dogLocation, loading } =
-    useDogLocation(zip);
+  const { location: dogLocation, loading } = useDogLocation(zip);
 
   if (!matchDog) {
     return null;
diff --git a/src/hooks/useDogLocation.ts b/src/hooks/useDogLocation.ts
@@ -2,13 +2,12 @@ import { useEffect, useState, useMemo } from "react";
 import { fetchLocationsByZip, Location } from "../api";
 
 export function useDogLocations(zipCodes: string[]) {
-  const [locationsMap, setLocationsMap] = useState<Record<string, Location>>({});
+  const [locationsMap, setLocationsMap] = useState<Record<string, Location>>(
+    {}
+  );
   const [loading, setLoading] = useState(false);
 
-  const zipKey = useMemo(
-    () => zipCodes.filter(Boolean).join(","),
-    [zipCodes]
-  );
+  const zipKey = useMemo(() => zipCodes.filter(Boolean).join(","), [zipCodes]);
 
   useEffect(() => {
     const codes = zipKey ? zipKey.split(",") : [];
@@ -60,4 +59,4 @@ export function useDogLocation(zipCode?: string) {
     location: zipCode ? locationsMap[zipCode] : undefined,
     loading,
   };
-}
+}
diff --git a/src/hooks/useDogSearch.ts b/src/hooks/useDogSearch.ts
@@ -20,9 +20,13 @@ export function useDogSearch(toast: any, PAGE_SIZE: number) {
   const [zipCodesInRadius, setZipCodesInRadius] = useState<string[]>([]);
   const [selectedStates, setSelectedStates] = useState<string[]>([]);
   const [stateZips, setStateZips] = useState<string[]>([]);
-  const [zipToLocation, setZipToLocation] = useState<Record<string, Location>>({});
+  const [zipToLocation, setZipToLocation] = useState<Record<string, Location>>(
+    {}
+  );
 
-  const [sortBy, setSortBy] = useState<"breed" | "name" | "age" | "location">("breed");
+  const [sortBy, setSortBy] = useState<"breed" | "name" | "age" | "location">(
+    "breed"
+  );
   const [sortDir, setSortDir] = useState<"asc" | "desc">("asc");
   const [from, setFrom] = useState<number>(0);
 
@@ -111,7 +115,8 @@ export function useDogSearch(toast: any, PAGE_SIZE: number) {
         }
         const { latitude: userLat, longitude: userLon } = locations[0];
         const deltaLat = radiusMeters / 111000;
-        const deltaLon = radiusMeters / (111000 * Math.cos((userLat * Math.PI) / 180));
+        const deltaLon =
+          radiusMeters / (111000 * Math.cos((userLat * Math.PI) / 180));
         const { results } = await searchLocations({
           geoBoundingBox: {
             bottom_left: { lat: userLat - deltaLat, lon: userLon - deltaLon },
@@ -187,7 +192,9 @@ export function useDogSearch(toast: any, PAGE_SIZE: number) {
   useEffect(() => {
     const fetchLocations = async () => {
       setLoading(true);
-      const zips = Array.from(new Set(dogResults.map((d) => d.zip_code))).filter(Boolean);
+      const zips = Array.from(
+        new Set(dogResults.map((d) => d.zip_code))
+      ).filter(Boolean);
       if (zips.length === 0) return;
       try {
         const locations = await fetchLocationsByZip(zips);
@@ -207,20 +214,35 @@ export function useDogSearch(toast: any, PAGE_SIZE: number) {
   }, [dogResults]);
 
   return {
-    breeds, setBreeds,
-    selectedBreeds, setSelectedBreeds,
-    minAge, setMinAge,
-    maxAge, setMaxAge,
-    ageRange, setAgeRange,
-    userZip, setUserZip,
-    radiusMeters, setRadiusMeters,
-    zipCodesInRadius, setZipCodesInRadius,
-    selectedStates, setSelectedStates,
-    stateZips, setStateZips,
+    breeds,
+    setBreeds,
+    selectedBreeds,
+    setSelectedBreeds,
+    minAge,
+    setMinAge,
+    maxAge,
+    setMaxAge,
+    ageRange,
+    setAgeRange,
+    userZip,
+    setUserZip,
+    radiusMeters,
+    setRadiusMeters,
+    zipCodesInRadius,
+    setZipCodesInRadius,
+    selectedStates,
+    setSelectedStates,
+    stateZips,
+    setStateZips,
     zipToLocation,
-    sortBy, setSortBy,
-    sortDir, setSortDir,
-    from, setFrom,
-    dogResults, total, loading,
+    sortBy,
+    setSortBy,
+    sortDir,
+    setSortDir,
+    from,
+    setFrom,
+    dogResults,
+    total,
+    loading,
   };
-}
+}
diff --git a/src/index.tsx b/src/index.tsx
@@ -17,13 +17,13 @@ root.render(
   <React.StrictMode>
     <ColorModeScript initialColorMode={theme.config.initialColorMode} />
     <ChakraProvider theme={theme}>
-      <AuthProvider>
-        <FavoritesProvider>
-          <HashRouter>
+      <HashRouter>
+        <AuthProvider>
+          <FavoritesProvider>
             <App />
-          </HashRouter>
-        </FavoritesProvider>
-      </AuthProvider>
+          </FavoritesProvider>
+        </AuthProvider>
+      </HashRouter>
     </ChakraProvider>
   </React.StrictMode>
 );
diff --git a/src/pages/Search.tsx b/src/pages/Search.tsx
diff --git a/src/theme.tsx b/src/theme.tsx
