Fix formatting

DMalone87 · DMalone87 · commit fadfac888cca · 2026-03-11T16:22:00.000-05:00
diff --git a/frontend/components/Details/ContentDetails/UnitContentDetails.tsx b/frontend/components/Details/ContentDetails/UnitContentDetails.tsx
@@ -6,16 +6,14 @@ type UnitContentDetailsProps = {
 }
 
 export default function UnitContentDetails({ unit }: UnitContentDetailsProps) {
-  const totalComplaints =
-    unit.total_complaints || 0
+  const totalComplaints = unit.total_complaints || 0
 
   const totalAllegations = unit.total_allegations || 0
 
   const totalOfficers = unit.total_officers || 0
 
   const dataSources =
-    unit.sources?.map((source) => source.name).filter((name): name is string => Boolean(name)) ||
-    []
+    unit.sources?.map((source) => source.name).filter((name): name is string => Boolean(name)) || []
 
   return (
     <ContentDetails
diff --git a/frontend/components/Details/IdentityCard/UnitIdentityCard.tsx b/frontend/components/Details/IdentityCard/UnitIdentityCard.tsx
@@ -9,17 +9,18 @@ function getStateName(abbreviation: string | undefined): string {
 }
 
 export default function UnitIdentityCard(unit: Unit) {
-  const titleStr = unit.name + (unit.location && unit.location.city && unit.location.state ? ` - ${unit.location.city}, ${getStateName(unit.location.state)}` : "")
-  
+  const titleStr =
+    unit.name +
+    (unit.location && unit.location.city && unit.location.state
+      ? ` - ${unit.location.city}, ${getStateName(unit.location.state)}`
+      : "")
+
   const subtitlestr = "Unit of " + (unit.agency ? unit.agency.name : "Unknown Agency")
 
-  const detailStr = unit.total_officers !== undefined ? `${unit.total_officers} known officers` : "Officer count not available"
+  const detailStr =
+    unit.total_officers !== undefined
+      ? `${unit.total_officers} known officers`
+      : "Officer count not available"
 
-  return (
-    <IdentityCard
-      title={titleStr}
-      subtitle={subtitlestr}
-      detail={detailStr}
-    />
-  )
+  return <IdentityCard title={titleStr} subtitle={subtitlestr} detail={detailStr} />
 }
diff --git a/frontend/components/Details/Jurisdiction.tsx b/frontend/components/Details/Jurisdiction.tsx
@@ -3,7 +3,11 @@ import DetailCard from "./DetailCard"
 import Map from "../Map/Map"
 
 // TODO: add jurisdiction data when available
-export default function Jurisdiction( { location }: { location: { latitude: number; longitude: number } }) {
+export default function Jurisdiction({
+  location
+}: {
+  location: { latitude: number; longitude: number }
+}) {
   return (
     <>
       <div
@@ -15,7 +19,7 @@ export default function Jurisdiction( { location }: { location: { latitude: numb
           marginBottom: "16px"
         }}
       >
-        <Typography component="h2" variant="h5" sx={{ fontSize: "1.3rem", fontWeight: "500" }}> 
+        <Typography component="h2" variant="h5" sx={{ fontSize: "1.3rem", fontWeight: "500" }}>
           Jurisdiction
         </Typography>
       </div>
diff --git a/frontend/components/Details/MostReportedOfficers.tsx b/frontend/components/Details/MostReportedOfficers.tsx
@@ -9,7 +9,10 @@ interface MostReportedOfficersProps {
   total_officers?: number
 }
 
-export default function MostReportedOfficers({ reported_officers, total_officers }: MostReportedOfficersProps) {
+export default function MostReportedOfficers({
+  reported_officers,
+  total_officers
+}: MostReportedOfficersProps) {
   const totalOfficers = total_officers || 0
 
   return (
@@ -26,21 +29,21 @@ export default function MostReportedOfficers({ reported_officers, total_officers
         <Typography component="h2" variant="h5" sx={{ fontSize: "1.3rem", fontWeight: "500" }}>
           Most Reported Officers
         </Typography>
-          <div
-            style={{
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "center",
-              flexGrow: 1
-            }}
-          >
-            <Typography variant="body2" sx={{ color: "text.secondary" }}>
-              {totalOfficers} known officers
-            </Typography>
-            <Link href="#" variant="body2" color="inherit">
-              View all
-            </Link>
-          </div>
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            flexGrow: 1
+          }}
+        >
+          <Typography variant="body2" sx={{ color: "text.secondary" }}>
+            {totalOfficers} known officers
+          </Typography>
+          <Link href="#" variant="body2" color="inherit">
+            View all
+          </Link>
+        </div>
       </div>
       <DetailCard>
         {reported_officers && reported_officers.length > 0 ? (
diff --git a/frontend/components/Details/tabs/UnitDetailsTabs.tsx b/frontend/components/Details/tabs/UnitDetailsTabs.tsx
@@ -16,11 +16,19 @@ export default function UnitDetailsTabs(unit: Unit) {
           <Typography component="h2" variant="h5" sx={{ fontSize: "1.3rem", fontWeight: "500" }}>
             Leadership
           </Typography>
-            <Typography variant="body1" sx={{ marginTop: "32px", marginBottom: "16px" }}>
-              Captain
-            </Typography>
-          <Jurisdiction location={{ latitude: unit.location?.latitude ?? -73.9249, longitude: unit.location?.longitude ?? 40.6943 }} />
-          <MostReportedOfficers reported_officers={unit.most_reported_officers} total_officers={unit.total_officers} />
+          <Typography variant="body1" sx={{ marginTop: "32px", marginBottom: "16px" }}>
+            Captain
+          </Typography>
+          <Jurisdiction
+            location={{
+              latitude: unit.location?.latitude ?? -73.9249,
+              longitude: unit.location?.longitude ?? 40.6943
+            }}
+          />
+          <MostReportedOfficers
+            reported_officers={unit.most_reported_officers}
+            total_officers={unit.total_officers}
+          />
           <Attachments />
         </>
       )
diff --git a/frontend/components/Map/Map.tsx b/frontend/components/Map/Map.tsx
@@ -32,14 +32,12 @@ export default function MapComponent({ center, zoom }: MapProps) {
       // allow zoom, but always around the map center
       scrollZoom: { around: "center" },
       touchZoomRotate: { around: "center" },
-      doubleClickZoom: true,
+      doubleClickZoom: true
     })
 
     map.touchZoomRotate.disableRotation()
 
-    const marker = new Marker()
-      .setLngLat(center)
-      .addTo(map)
+    const marker = new Marker().setLngLat(center).addTo(map)
 
     mapRef.current = map
     markerRef.current = marker
@@ -62,10 +60,5 @@ export default function MapComponent({ center, zoom }: MapProps) {
     marker.setLngLat(center)
   }, [center, zoom])
 
-  return (
-    <div
-      ref={mapContainerRef}
-      style={{ width: "100%", height: "300px" }}
-    />
-  )
-}
+  return <div ref={mapContainerRef} style={{ width: "100%", height: "300px" }} />
+}
diff --git a/frontend/components/officer/OfficerListItem.tsx b/frontend/components/officer/OfficerListItem.tsx
@@ -25,4 +25,4 @@ export default function OfficerListItem({
       <OfficerResultContent result={officer} />
     </ResultCardShell>
   )
-}
+}
diff --git a/frontend/components/search/ResultCardShell.tsx b/frontend/components/search/ResultCardShell.tsx
@@ -48,4 +48,4 @@ export default function ResultCardShell({
       </CardActionArea>
     </Card>
   )
-}
+}
diff --git a/frontend/components/search/SearchResultCard.tsx b/frontend/components/search/SearchResultCard.tsx
@@ -19,15 +19,11 @@ export default function SearchResultCard({
   showMeta = true
 }: SearchResultCardProps) {
   return (
-    <ResultCardShell
-      href={getResultHref(result)}
-      isFirst={isFirst}
-      isLast={isLast}
-    >
+    <ResultCardShell href={getResultHref(result)} isFirst={isFirst} isLast={isLast}>
       <Box sx={{ display: "flex", flexDirection: "column", gap: 1.5 }}>
         <SearchResultContent result={result} />
         {showMeta && <SearchResultMeta result={result} />}
       </Box>
     </ResultCardShell>
   )
-}
+}
diff --git a/frontend/components/search/SearchResultMeta.tsx b/frontend/components/search/SearchResultMeta.tsx
@@ -19,4 +19,4 @@ export default function SearchResultMeta({ result }: SearchResultMetaProps) {
       </Box>
     </Box>
   )
-}
+}
diff --git a/frontend/components/search/SearchResults.tsx b/frontend/components/search/SearchResults.tsx
@@ -12,20 +12,13 @@ type SearchResultsProps = {
   updateTab: (val: number) => void
 }
 
-export default function SearchResults({
-  total,
-  results,
-  tab,
-  updateTab
-}: SearchResultsProps) {
+export default function SearchResults({ total, results, tab, updateTab }: SearchResultsProps) {
   return (
     <>
       <SearchResultsTabs tab={tab} updateTab={updateTab} />
 
       <Box sx={{ p: 3 }}>
-        <Typography sx={{ mb: 2, fontWeight: "bold" }}>
-          {total} results
-        </Typography>
+        <Typography sx={{ mb: 2, fontWeight: "bold" }}>{total} results</Typography>
 
         <SearchResultsList results={results} showMeta />
       </Box>
diff --git a/frontend/components/search/SearchResultsList.tsx b/frontend/components/search/SearchResultsList.tsx
@@ -6,10 +6,7 @@ type SearchResultsListProps = {
   showMeta?: boolean
 }
 
-export default function SearchResultsList({
-  results,
-  showMeta = true
-}: SearchResultsListProps) {
+export default function SearchResultsList({ results, showMeta = true }: SearchResultsListProps) {
   return (
     <>
       {results.map((result, idx) => (
diff --git a/frontend/components/search/SearchResultsTabs.tsx b/frontend/components/search/SearchResultsTabs.tsx
@@ -8,17 +8,12 @@ type SearchResultsTabsProps = {
   updateTab: (val: number) => void
 }
 
-export default function SearchResultsTabs({
-  tab,
-  updateTab
-}: SearchResultsTabsProps) {
+export default function SearchResultsTabs({ tab, updateTab }: SearchResultsTabsProps) {
   return (
     <Box sx={{ borderBottom: 1, borderColor: "divider" }}>
       <Tabs
         value={tab}
-        onChange={(_e: React.SyntheticEvent, newValue: number) =>
-          updateTab(newValue)
-        }
+        onChange={(_e: React.SyntheticEvent, newValue: number) => updateTab(newValue)}
         textColor="inherit"
         slotProps={{ indicator: { style: { backgroundColor: "black" } } }}
         sx={{
diff --git a/frontend/components/search/getResultHref.ts b/frontend/components/search/getResultHref.ts
@@ -15,4 +15,4 @@ export default function getResultHref(result: SearchResponse): string {
     default:
       return "#"
   }
-}
+}
diff --git a/frontend/components/search/result-content/GenericResultContent.tsx b/frontend/components/search/result-content/GenericResultContent.tsx
@@ -5,9 +5,7 @@ type GenericResultContentProps = {
   result: SearchResponse
 }
 
-export default function GenericResultContent({
-  result
-}: GenericResultContentProps) {
+export default function GenericResultContent({ result }: GenericResultContentProps) {
   return (
     <Box>
       <Typography variant="h6" component="div">
@@ -31,4 +29,4 @@ export default function GenericResultContent({
       )}
     </Box>
   )
-}
+}
diff --git a/frontend/components/search/result-content/OfficerResultContent.tsx b/frontend/components/search/result-content/OfficerResultContent.tsx
@@ -5,9 +5,7 @@ type OfficerResultContentProps = {
   result: SearchResponse
 }
 
-export default function OfficerResultContent({
-  result
-}: OfficerResultContentProps) {
+export default function OfficerResultContent({ result }: OfficerResultContentProps) {
   return (
     <Box>
       <Typography variant="h6" component="div">
@@ -31,4 +29,4 @@ export default function OfficerResultContent({
       )}
     </Box>
   )
-}
+}
diff --git a/frontend/components/search/result-content/SearchResultContent.tsx b/frontend/components/search/result-content/SearchResultContent.tsx
@@ -6,13 +6,11 @@ type SearchResultContentProps = {
   result: SearchResponse
 }
 
-export default function SearchResultContent({
-  result
-}: SearchResultContentProps) {
+export default function SearchResultContent({ result }: SearchResultContentProps) {
   switch (result.content_type) {
     case "Officer":
       return <OfficerResultContent result={result} />
     default:
       return <GenericResultContent result={result} />
   }
-}
+}
diff --git a/frontend/utils/api.ts b/frontend/utils/api.ts
@@ -41,12 +41,7 @@ export interface SearchRequest extends AuthenticatedRequest {
   page?: number
 }
 
-export type SearchContentType =
-  | "Officer"
-  | "Agency"
-  | "Unit"
-  | "Complaint"
-  | "Litigation"
+export type SearchContentType = "Officer" | "Agency" | "Unit" | "Complaint" | "Litigation"
 
 export type SearchResponse = {
   uid: string | number
@@ -226,7 +221,6 @@ export type Officer = {
   sources?: Source[]
 }
 
-
 export type Agency = {
   uid: string
   name: string
@@ -256,4 +250,4 @@ export type Unit = {
   total_allegations?: number
   agency?: Agency
   sources?: Source[]
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -25,4 +25,4 @@ export default function OfficerListItem({`
`25`	`25`	`<OfficerResultContent result={officer} />`
`26`	`26`	`</ResultCardShell>`
`27`	`27`	`)`
`28`		`-}`
	`28`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -48,4 +48,4 @@ export default function ResultCardShell({`
`48`	`48`	`</CardActionArea>`
`49`	`49`	`</Card>`
`50`	`50`	`)`
`51`		`-}`
	`51`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -19,4 +19,4 @@ export default function SearchResultMeta({ result }: SearchResultMetaProps) {`
`19`	`19`	`</Box>`
`20`	`20`	`</Box>`
`21`	`21`	`)`
`22`		`-}`
	`22`	`+}`