TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

redesigned sighting list, removed info bar and made images same width

Browse Source
This commit is contained in:
Toba Ojo
2025-09-26 11:53:55 +01:00
parent aee898abd5
commit 1edeba9b13
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/SightingsWidget/SightingWidget.tsx
View File

@@ -8,7 +8,6 @@ import clsx from "clsx";
import { useSightingFeedContext } from "../../context/SightingFeedContext"; import { useSightingFeedContext } from "../../context/SightingFeedContext";
import SightingModal from "../SightingModal/SightingModal"; import SightingModal from "../SightingModal/SightingModal";
import { useAlertHitContext } from "../../context/AlertHitContext"; import { useAlertHitContext } from "../../context/AlertHitContext";
import InfoBar from "./InfoBar";
import HotListImg from "/Hotlist_Hit.svg"; import HotListImg from "/Hotlist_Hit.svg";
import NPED_CAT_A from "/NPED_Cat_A.svg"; import NPED_CAT_A from "/NPED_Cat_A.svg";
import NPED_CAT_B from "/NPED_Cat_B.svg"; import NPED_CAT_B from "/NPED_Cat_B.svg";
@@ -115,7 +114,7 @@ export default function SightingHistoryWidget({
<> <>
<Card <Card
className={clsx( className={clsx(
"overflow-y-auto min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%]", "overflow-y-auto min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%] p-4",
className className
)} )}
> >
@@ -140,14 +139,12 @@ export default function SightingHistoryWidget({
return ( return (
<div <div
key={obj.ref} key={obj.ref}
className={`border border-neutral-700 rounded-md mb-2 p-2 cursor-pointer `} className={`border border-gray-700 rounded-md mb-2 p-2 cursor-pointer `}
onClick={() => onRowClick(obj)} onClick={() => onRowClick(obj)}
> >
<InfoBar obj={obj} />
{/* Patch row */}
<div <div
className={`flex items-center gap-3 mt-2 justify-between ${ className={`flex items-center gap-3 mt-2 justify-between ${
isNPEDHitD ? "border border-amber-600" : "" isNPEDHitD ? " border-amber-600" : ""
}`} }`}
> >
<div <div
@@ -158,6 +155,7 @@ export default function SightingHistoryWidget({
<img <img
src={obj?.plateUrlColour || BLANK_IMG} src={obj?.plateUrlColour || BLANK_IMG}
height={48} height={48}
width={200}
alt="colour patch" alt="colour patch"
className={primaryIsColour ? "" : ""} className={primaryIsColour ? "" : ""}
/> />