PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Merge branch 'main' of https://github.com/VAR-Virtual-Air-Rescue/var-monorepo

Browse Source
This commit is contained in:
PxlLoewe
2025-05-01 21:48:28 -07:00
parent 26e71bcaa8 f9ce9a9e7a
commit 98bbb04095
4 changed files with 52 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/dispatch/app/dispatch/_components/map/AircraftMarker.tsx
View File

@@ -218,7 +218,9 @@ const AircraftPopupContent = ({ aircraft }: { aircraft: Aircraft }) => {
</div> </div>
</div> </div>
</div> </div>
<div>{renderTabContent}</div> <div className="h-full min-h-[140px]">
<div className="flex-grow">{renderTabContent}</div>
</div>
</> </>
); );
}; };

2
apps/dispatch/app/dispatch/_components/map/MissionMarkers.tsx
View File

@@ -211,7 +211,7 @@ const MissionPopupContent = ({ mission }: { mission: Mission }) => {
</div> </div>
</div> </div>
</div> </div>
<div>{renderTabContent}</div> <div className="h-full min-h-[200px]">{renderTabContent}</div>
</> </>
); );
}; };

4
apps/dispatch/app/dispatch/_components/map/_components/AircraftMarkerTabs.tsx
View File

@@ -37,13 +37,13 @@ const FMSStatusSelector = ({ aircraft }: { aircraft: Aircraft }) => {
const [hoveredStatus, setHoveredStatus] = useState<string | null>(null); const [hoveredStatus, setHoveredStatus] = useState<string | null>(null);
return ( return (
<div className="flex gap-2 p-4 justify-center"> <div className="flex gap-2 p-4 justify-center items-center min-h-[136px] h-full">
{Array.from({ length: 9 }, (_, i) => (i + 1).toString()) {Array.from({ length: 9 }, (_, i) => (i + 1).toString())
.filter((status) => status !== "5") // Exclude status 5 .filter((status) => status !== "5") // Exclude status 5
.map((status) => ( .map((status) => (
<div <div
key={status} key={status}
className="flex justify-center items-center min-w-11 min-h-11 cursor-pointer text-3xl font-bold" className="flex justify-center items-center min-w-13 min-h-13 cursor-pointer text-4xl font-bold"
style={{ style={{
backgroundColor: backgroundColor:
hoveredStatus === status hoveredStatus === status

9
apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
View File

@@ -245,7 +245,10 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
</div> </div>
<div className="divider m-0" /> <div className="divider m-0" />
<ul className="space-y-2 max-h-[300px] overflow-y-auto overflow-x-auto"> <ul className="space-y-2 max-h-[300px] overflow-y-auto overflow-x-auto">
{(mission.missionLog as unknown as MissionLog[]).map((entry, index) => { {(mission.missionLog as unknown as MissionLog[])
.slice()
.reverse()
.map((entry, index) => {
if (entry.type === "station-log") if (entry.type === "station-log")
return ( return (
<li key={index} className="flex items-center gap-2"> <li key={index} className="flex items-center gap-2">
@@ -281,7 +284,9 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
{entry.data.user.firstname?.[0]?.toUpperCase() ?? "?"} {entry.data.user.firstname?.[0]?.toUpperCase() ?? "?"}
{entry.data.user.lastname?.[0]?.toUpperCase() ?? "?"} {entry.data.user.lastname?.[0]?.toUpperCase() ?? "?"}
</span> </span>
<span className="text-base-content">{entry.data.message}</span> <span className="text-base-content">
{entry.data.message}
</span>
</li> </li>
); );