Only show drafts to dispatchers #28

apps/dispatch/app/_components/left/SituationBoard.tsx

@@ -70,7 +70,7 @@ export const SituationBoard = () => {
 									{/* head */}
 									<thead>
 										<tr>
-											<th>ID</th>
+											<th>E-Nr.</th>
 											<th>Stichwort</th>
 											<th>Stadt</th>
 											<th>Stationen</th>
@@ -78,7 +78,9 @@ export const SituationBoard = () => {
 									</thead>
 									<tbody>
 										{/* row 1 */}
-										{missions?.map((mission) => (
+										{missions?.map(
+											(mission) =>
+												(dispatcherConnected || mission.state !== "draft") && (
 													<tr
 														onDoubleClick={() => {
 															setOpenMissionMarker({
@@ -99,7 +101,7 @@ export const SituationBoard = () => {
 															});
 														}}
 														key={mission.id}
-												className={cn(mission.state === "draft" && "bg-base-300")}
+														className={cn(mission.state === "draft" && "missionListItem")}
 													>
 														<td>{mission.publicId}</td>
 														<td>{mission.missionKeywordAbbreviation}</td>
@@ -110,7 +112,8 @@ export const SituationBoard = () => {
 															).join(", ")}
 														</td>
 													</tr>
-										))}
+												),
+										)}
 									</tbody>
 								</table>
 							</div>

apps/dispatch/app/globals.css

@@ -56,3 +56,8 @@
 .leaflet-popup-close-button {
 	display: none;
 }
+
+.missionListItem {
+	background-color: color-mix(in oklab, var(--color-info) 8%, var(--color-base-100));
+	color: var(--color-info, var(--color-base-content));
+}