refactor(opendock): added some new goodies to the app to help manage releases

frontend/src/routes/warehouse/dockdoorscanning/scans/$dockScans.tsx

@@ -1,4 +1,4 @@
-import { useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
 import { createFileRoute } from "@tanstack/react-router";
 import { createColumnHelper } from "@tanstack/react-table";
 import { formatInTimeZone } from "date-fns-tz";
@@ -9,6 +9,7 @@ import { api } from "../../../../lib/apiHelper";
 import { useAppForm } from "../../../../lib/formSutff";
 import { getActiveLoadingOrders } from "../../../../lib/queries/getActiveDockScanners";
 import { getActiveDockScanners } from "../../../../lib/queries/getActiveLoadingOrders";
+import { permissionQuery } from "../../../../lib/queries/permsCheck";
 import LstTable from "../../../../lib/tableStuff/LstTable";
 import SearchableHeader from "../../../../lib/tableStuff/SearchableHeader";
 import { finishLoadingOrder } from "..";
@@ -27,6 +28,12 @@ function RouteComponent() {
 	const { data, refetch } = useSuspenseQuery(getActiveDockScanners());
 	const { data: loadingPlanItems, refetch: refetchActiveLoading } =
 		useSuspenseQuery(getActiveLoadingOrders());
+
+	const { data: canReadWarehouse = false } = useQuery(
+		permissionQuery({
+			warehouse: ["delete"],
+		}),
+	);
 	const columnHelper = createColumnHelper<any>();
 
 	const column = [
@@ -119,6 +126,7 @@ function RouteComponent() {
 					(x: any) => x.id === Number(data[0].currentLoadingOrder),
 				)
 			: [];
+
 	return (
 		<div>
 			<div>
@@ -138,7 +146,7 @@ function RouteComponent() {
 					)}
 				</p>
 			</div>
-			<div className="max-w-1/2 flex flex-col">
+			<div className="flex flex-col">
 				<div>
 					<form
 						onSubmit={(e) => {
@@ -166,29 +174,32 @@ function RouteComponent() {
 						</div>
 					</form>
 				</div>
-
-				<div className="flex justify-end mr-3 ">
-					<Button
-						type="button"
-						onClick={() => {
-							finishLoadingOrder(
-								String(data[0].currentLoadingOrder),
-								dockScans,
-								refetch,
-								refetchActiveLoading,
-							);
-							clearRoom();
-						}}
-						disabled={
-							loadingPlan ||
-							loadingPlan[0].loadingPlanItems[0].loadedQuantityLUs !==
-								loadingPlan[0].loadingPlanItems[0].plannedQuantityLUs
-						}
-					>
-						Finish Loading order
-					</Button>
-					<Button onClick={() => clearRoom()}>Clear Table</Button>
-				</div>
+				{loadingPlan && loadingPlan.length > 0 && (
+					<div className="flex mb-2 gap-2">
+						<Button
+							type="button"
+							onClick={() => {
+								finishLoadingOrder(
+									String(data[0].currentLoadingOrder),
+									dockScans,
+									refetch,
+									refetchActiveLoading,
+								);
+								clearRoom();
+							}}
+							disabled={
+								(loadingPlan && loadingPlan.length < 0) ||
+								loadingPlan[0].loadingPlanItems[0].loadedQuantityLUs !==
+									loadingPlan[0].loadingPlanItems[0].plannedQuantityLUs
+							}
+						>
+							Finish Loading order
+						</Button>
+						{canReadWarehouse && (
+							<Button onClick={() => clearRoom()}>Clear Table</Button>
+						)}
+					</div>
+				)}
 			</div>
 			<div>
 				<LstTable data={logs} columns={column} pageSize={50} />