v1.8.0: warehouse module (16 commits), docházka mzda model, leave_type=holiday removal, api.ts race fix

Highlights:
- Warehouse module: receipts, issues, reservations, inventory, reports, dashboard,
  master data (categories, suppliers, locations), FIFO service, integration tests
- Docházka: mzda PDF counting model (Odpracováno / Vč. svátků / Přesčas / Svátek /
  So/Ne / Noc) with Czech weekday names and decimal hours
- AttendanceAdmin/AttendanceHistory KPI cards unified to mzda formula with
  fund bar colored by delta, badges for Práce/Dov/Nem/Sv/Nep
- Remove leave_type=holiday entirely (auto-computed from Czech public holidays)
- Allow multiple work shifts per day (overlap detection only)
- Pre-flight refresh in api.ts eliminates spurious 401s on fresh page loads
- Prisma: company_settings gets 6 nullable columns for warehouse numbering
  (PRI/VYD/INV prefixes, default patterns); migration seeds defaults

src/admin/pages/Trips.tsx

@@ -1,14 +1,14 @@
 import { useState } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { useAlert } from "../context/AlertContext";
 import { useAuth } from "../context/AuthContext";
 import { Link } from "react-router-dom";
-import { motion, AnimatePresence } from "framer-motion";
+import { motion } from "framer-motion";
 
 import AdminDatePicker from "../components/AdminDatePicker";
 import ConfirmModal from "../components/ConfirmModal";
+import FormModal from "../components/FormModal";
 import FormField from "../components/FormField";
-import useModalLock from "../hooks/useModalLock";
 import Forbidden from "../components/Forbidden";
 import { formatDate } from "../utils/attendanceHelpers";
 import { formatKm } from "../utils/formatters";
@@ -19,8 +19,7 @@ import {
   type BackendTrip,
   type TripVehicle,
 } from "../lib/queries/trips";
-import { Skeleton } from "boneyard-js/react";
-import TripsFixture from "../fixtures/TripsFixture";
+import { useApiMutation } from "../lib/queries/mutations";
 const API_BASE = "/api/admin";
 
 interface TripForm {
@@ -37,7 +36,6 @@ interface TripForm {
 export default function Trips() {
   const alert = useAlert();
   const { hasPermission } = useAuth();
-  const queryClient = useQueryClient();
 
   const { data: tripsData, isPending: tripsLoading } = useQuery(
     tripListOptions({}),
@@ -47,7 +45,6 @@ export default function Trips() {
   const trips = tripsData ?? [];
   const vehicles = vehiclesData ?? [];
 
-  const [submitting, setSubmitting] = useState(false);
   const [showModal, setShowModal] = useState(false);
   const [editingTrip, setEditingTrip] = useState<BackendTrip | null>(null);
   const [deleteConfirm, setDeleteConfirm] = useState<{
@@ -67,10 +64,35 @@ export default function Trips() {
   const [errors, setErrors] = useState<Record<string, string>>({});
   const [, setLastKm] = useState(0);
 
-  useModalLock(showModal);
-
   if (!hasPermission("trips.record")) return <Forbidden />;
 
+  const submitMutation = useApiMutation<
+    TripForm,
+    { message?: string; error?: string }
+  >({
+    url: (formData) =>
+      editingTrip ? `${API_BASE}/trips/${editingTrip.id}` : `${API_BASE}/trips`,
+    method: () => (editingTrip ? "PUT" : "POST"),
+    invalidate: ["trips", "vehicles"],
+    onSuccess: (data) => {
+      setShowModal(false);
+      alert.success(data?.message || "Hotovo");
+    },
+  });
+
+  const deleteMutation = useApiMutation<
+    number,
+    { message?: string; error?: string }
+  >({
+    url: (id) => `${API_BASE}/trips/${id}`,
+    method: () => "DELETE",
+    invalidate: ["trips", "vehicles"],
+    onSuccess: (data) => {
+      alert.success(data?.message || "Smazáno");
+      setDeleteConfirm({ show: false, tripId: null });
+    },
+  });
+
   const fetchLastKm = async (vehicleId: string) => {
     if (!vehicleId) {
       setLastKm(0);
@@ -154,54 +176,18 @@ export default function Trips() {
 
   const handleSubmit = async () => {
     if (!validateForm()) return;
-
-    setSubmitting(true);
-
     try {
-      const url = editingTrip
-        ? `${API_BASE}/trips/${editingTrip.id}`
-        : `${API_BASE}/trips`;
-
-      const response = await apiFetch(url, {
-        method: editingTrip ? "PUT" : "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(form),
-      });
-
-      const result = await response.json();
-
-      if (result.success) {
-        setShowModal(false);
-        queryClient.invalidateQueries({ queryKey: ["trips"] });
-        alert.success(result.message);
-      } else {
-        alert.error(result.error);
-      }
-    } catch {
-      alert.error("Chyba připojení");
-    } finally {
-      setSubmitting(false);
+      await submitMutation.mutateAsync(form);
+    } catch (e) {
+      alert.error(e instanceof Error ? e.message : "Chyba připojení");
     }
   };
 
   const handleDelete = async (tripId: number) => {
     try {
-      const response = await apiFetch(`${API_BASE}/trips/${tripId}`, {
-        method: "DELETE",
-      });
-
-      const result = await response.json();
-
-      if (result.success) {
-        queryClient.invalidateQueries({ queryKey: ["trips"] });
-        alert.success(result.message);
-      } else {
-        alert.error(result.error);
-      }
-    } catch {
-      alert.error("Chyba připojení");
-    } finally {
-      setDeleteConfirm({ show: false, tripId: null });
+      await deleteMutation.mutateAsync(tripId);
+    } catch (e) {
+      alert.error(e instanceof Error ? e.message : "Chyba připojení");
     }
   };
 
@@ -213,9 +199,9 @@ export default function Trips() {
 
   if (tripsLoading) {
     return (
-      <Skeleton name="trips" loading={tripsLoading} fixture={<TripsFixture />}>
-        <div />
-      </Skeleton>
+      <div className="admin-loading">
+        <div className="admin-spinner" />
+      </div>
     );
   }
 
@@ -524,209 +510,145 @@ export default function Trips() {
       </motion.div>
 
       {/* Add/Edit Modal */}
-      <AnimatePresence>
-        {showModal && (
-          <motion.div
-            className="admin-modal-overlay"
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            transition={{ duration: 0.2 }}
-          >
-            <div
-              className="admin-modal-backdrop"
-              onClick={() => setShowModal(false)}
-            />
-            <motion.div
-              className="admin-modal admin-modal-lg"
-              initial={{ opacity: 0, scale: 0.95, y: 20 }}
-              animate={{ opacity: 1, scale: 1, y: 0 }}
-              exit={{ opacity: 0, scale: 0.95, y: 20 }}
-              transition={{ duration: 0.2 }}
+      <FormModal
+        isOpen={showModal}
+        onClose={() => setShowModal(false)}
+        onSubmit={handleSubmit}
+        title={editingTrip ? "Upravit jízdu" : "Přidat jízdu"}
+        loading={submitMutation.isPending}
+        size="lg"
+      >
+        <div className="admin-form">
+          <div className="admin-form-row">
+            <FormField label="Vozidlo" error={errors.vehicle_id} required>
+              <select
+                value={form.vehicle_id}
+                onChange={(e) => {
+                  handleVehicleChange(e.target.value);
+                  setErrors((prev) => ({ ...prev, vehicle_id: "" }));
+                }}
+                className="admin-form-select"
+              >
+                <option value="">Vyberte vozidlo</option>
+                {vehicles.map((v) => (
+                  <option key={v.id} value={v.id}>
+                    {v.spz} - {v.name}
+                  </option>
+                ))}
+              </select>
+            </FormField>
+
+            <FormField label="Datum jízdy" error={errors.trip_date} required>
+              <AdminDatePicker
+                mode="date"
+                value={form.trip_date}
+                onChange={(val: string) => {
+                  setForm({ ...form, trip_date: val });
+                  setErrors((prev) => ({ ...prev, trip_date: "" }));
+                }}
+              />
+            </FormField>
+          </div>
+
+          <div className="admin-form-row admin-form-row-3">
+            <FormField
+              label="Počáteční stav km"
+              error={errors.start_km}
+              required
             >
-              <div className="admin-modal-header">
-                <h2 className="admin-modal-title">
-                  {editingTrip ? "Upravit jízdu" : "Přidat jízdu"}
-                </h2>
-              </div>
+              <input
+                type="number"
+                inputMode="numeric"
+                value={form.start_km}
+                onChange={(e) => {
+                  setForm({ ...form, start_km: e.target.value });
+                  setErrors((prev) => ({ ...prev, start_km: "" }));
+                }}
+                className="admin-form-input"
+                min="0"
+              />
+            </FormField>
 
-              <div className="admin-modal-body">
-                <div className="admin-form">
-                  <div className="admin-form-row">
-                    <FormField
-                      label="Vozidlo"
-                      error={errors.vehicle_id}
-                      required
-                    >
-                      <select
-                        value={form.vehicle_id}
-                        onChange={(e) => {
-                          handleVehicleChange(e.target.value);
-                          setErrors((prev) => ({ ...prev, vehicle_id: "" }));
-                        }}
-                        className="admin-form-select"
-                      >
-                        <option value="">Vyberte vozidlo</option>
-                        {vehicles.map((v) => (
-                          <option key={v.id} value={v.id}>
-                            {v.spz} - {v.name}
-                          </option>
-                        ))}
-                      </select>
-                    </FormField>
+            <FormField label="Konečný stav km" error={errors.end_km} required>
+              <input
+                type="number"
+                inputMode="numeric"
+                value={form.end_km}
+                onChange={(e) => {
+                  setForm({ ...form, end_km: e.target.value });
+                  setErrors((prev) => ({ ...prev, end_km: "" }));
+                }}
+                className="admin-form-input"
+                min="0"
+              />
+            </FormField>
 
-                    <FormField
-                      label="Datum jízdy"
-                      error={errors.trip_date}
-                      required
-                    >
-                      <AdminDatePicker
-                        mode="date"
-                        value={form.trip_date}
-                        onChange={(val: string) => {
-                          setForm({ ...form, trip_date: val });
-                          setErrors((prev) => ({ ...prev, trip_date: "" }));
-                        }}
-                      />
-                    </FormField>
-                  </div>
+            <FormField label="Vzdálenost">
+              <input
+                type="text"
+                value={`${formatKm(calculateDistance())} km`}
+                className="admin-form-input"
+                readOnly
+                disabled
+              />
+            </FormField>
+          </div>
 
-                  <div className="admin-form-row admin-form-row-3">
-                    <FormField
-                      label="Počáteční stav km"
-                      error={errors.start_km}
-                      required
-                    >
-                      <input
-                        type="number"
-                        inputMode="numeric"
-                        value={form.start_km}
-                        onChange={(e) => {
-                          setForm({ ...form, start_km: e.target.value });
-                          setErrors((prev) => ({ ...prev, start_km: "" }));
-                        }}
-                        className="admin-form-input"
-                        min="0"
-                      />
-                    </FormField>
+          <div className="admin-form-row">
+            <FormField label="Místo odjezdu" error={errors.route_from} required>
+              <input
+                type="text"
+                value={form.route_from}
+                onChange={(e) => {
+                  setForm({ ...form, route_from: e.target.value });
+                  setErrors((prev) => ({ ...prev, route_from: "" }));
+                }}
+                className="admin-form-input"
+                placeholder="Např. Praha"
+              />
+            </FormField>
 
-                    <FormField
-                      label="Konečný stav km"
-                      error={errors.end_km}
-                      required
-                    >
-                      <input
-                        type="number"
-                        inputMode="numeric"
-                        value={form.end_km}
-                        onChange={(e) => {
-                          setForm({ ...form, end_km: e.target.value });
-                          setErrors((prev) => ({ ...prev, end_km: "" }));
-                        }}
-                        className="admin-form-input"
-                        min="0"
-                      />
-                    </FormField>
+            <FormField label="Místo příjezdu" error={errors.route_to} required>
+              <input
+                type="text"
+                value={form.route_to}
+                onChange={(e) => {
+                  setForm({ ...form, route_to: e.target.value });
+                  setErrors((prev) => ({ ...prev, route_to: "" }));
+                }}
+                className="admin-form-input"
+                placeholder="Např. Brno"
+              />
+            </FormField>
+          </div>
 
-                    <FormField label="Vzdálenost">
-                      <input
-                        type="text"
-                        value={`${formatKm(calculateDistance())} km`}
-                        className="admin-form-input"
-                        readOnly
-                        disabled
-                      />
-                    </FormField>
-                  </div>
+          <FormField label="Typ jízdy">
+            <select
+              value={form.is_business}
+              onChange={(e) =>
+                setForm({
+                  ...form,
+                  is_business: parseInt(e.target.value),
+                })
+              }
+              className="admin-form-select"
+            >
+              <option value={1}>Služební</option>
+              <option value={0}>Soukromá</option>
+            </select>
+          </FormField>
 
-                  <div className="admin-form-row">
-                    <FormField
-                      label="Místo odjezdu"
-                      error={errors.route_from}
-                      required
-                    >
-                      <input
-                        type="text"
-                        value={form.route_from}
-                        onChange={(e) => {
-                          setForm({ ...form, route_from: e.target.value });
-                          setErrors((prev) => ({ ...prev, route_from: "" }));
-                        }}
-                        className="admin-form-input"
-                        placeholder="Např. Praha"
-                      />
-                    </FormField>
-
-                    <FormField
-                      label="Místo příjezdu"
-                      error={errors.route_to}
-                      required
-                    >
-                      <input
-                        type="text"
-                        value={form.route_to}
-                        onChange={(e) => {
-                          setForm({ ...form, route_to: e.target.value });
-                          setErrors((prev) => ({ ...prev, route_to: "" }));
-                        }}
-                        className="admin-form-input"
-                        placeholder="Např. Brno"
-                      />
-                    </FormField>
-                  </div>
-
-                  <FormField label="Typ jízdy">
-                    <select
-                      value={form.is_business}
-                      onChange={(e) =>
-                        setForm({
-                          ...form,
-                          is_business: parseInt(e.target.value),
-                        })
-                      }
-                      className="admin-form-select"
-                    >
-                      <option value={1}>Služební</option>
-                      <option value={0}>Soukromá</option>
-                    </select>
-                  </FormField>
-
-                  <FormField label="Poznámky">
-                    <textarea
-                      value={form.notes}
-                      onChange={(e) =>
-                        setForm({ ...form, notes: e.target.value })
-                      }
-                      className="admin-form-textarea"
-                      rows={2}
-                      placeholder="Volitelné poznámky..."
-                    />
-                  </FormField>
-                </div>
-              </div>
-
-              <div className="admin-modal-footer">
-                <button
-                  type="button"
-                  onClick={() => setShowModal(false)}
-                  className="admin-btn admin-btn-secondary"
-                  disabled={submitting}
-                >
-                  Zrušit
-                </button>
-                <button
-                  type="button"
-                  onClick={handleSubmit}
-                  className="admin-btn admin-btn-primary"
-                  disabled={submitting}
-                >
-                  {submitting ? "Ukládám..." : "Uložit"}
-                </button>
-              </div>
-            </motion.div>
-          </motion.div>
-        )}
-      </AnimatePresence>
+          <FormField label="Poznámky">
+            <textarea
+              value={form.notes}
+              onChange={(e) => setForm({ ...form, notes: e.target.value })}
+              className="admin-form-textarea"
+              rows={2}
+              placeholder="Volitelné poznámky..."
+            />
+          </FormField>
+        </div>
+      </FormModal>
 
       <ConfirmModal
         isOpen={deleteConfirm.show}
@@ -737,6 +659,7 @@ export default function Trips() {
         confirmText="Smazat"
         cancelText="Zrušit"
         type="danger"
+        loading={deleteMutation.isPending}
       />
     </div>
   );