mirror of
https://github.com/R0m1k3/CollectFlow.git
synced 2026-10-18 20:56:43 +02:00
Claude
f104719054
Le serveur étant réécrit en Rust, l'interface devient une application
React 19 côté navigateur, compilée par Vite dans dist/ et servie par le
serveur Rust (STATIC_DIR). Composants, styles et logique cliente
inchangés : seule la plomberie Next.js est remplacée.
- Outillage : Vite 8, @vitejs/plugin-react, Tailwind 4 via PostCSS,
React Router 7 (mode déclaratif), index.html, src/main.tsx, alias @/,
proxy /api → localhost:5643 en développement, ESLint sans plugin Next.
- Adaptations (src/shims) : next/link, next/navigation (useRouter avec
refresh, usePathname/useSearchParams suivant aussi les replaceState de
l'interface), next-auth/react (session lue sur /api/auth/session,
déconnexion par /api/auth/logout).
- Actions serveur → POST /api/actions/{nom} (src/lib/rpc.ts) : mêmes noms,
mêmes signatures, mêmes types. La connexion passe par /api/auth/login.
- Pages → table des routes (src/router.tsx) : données lues sur
/api/pages/{nom} avec Suspense (loading.tsx au premier chargement,
page conservée pendant une navigation ou un router.refresh()),
error.tsx en frontière d'erreur, not-found.tsx, titres d'onglet,
pages d'administration réservées aux administrateurs.
- Suppression du code serveur Next.js (routes /api, accès base, Qlik,
authentification, middleware…) ; types utiles à l'interface recopiés
dans src/types/ff.ts.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LG2LLJuswrrTTPKJmunEVf
40 lines
1.7 KiB
TypeScript
40 lines
1.7 KiB
TypeScript
import { ShoppingCart } from "lucide-react";
|
|
import type { PgCommandeAutoRow } from "@/types/ff";
|
|
import type { CadenceView } from "@/features/commandes-auto/actions";
|
|
import { fetchPage } from "@/lib/rpc";
|
|
import { usePageData, usePageSearchParams } from "@/lib/page-data";
|
|
import { PageHeader } from "@/components/ui/page-header";
|
|
import { CommandesAutoTabs, type Onglet } from "./tabs";
|
|
|
|
export type { PgCommandeAutoRow };
|
|
|
|
/** Données de la page : propositions de l'API FF, cadencier et référentiel fournisseurs. */
|
|
interface DonneesCommandesAuto {
|
|
rows: PgCommandeAutoRow[];
|
|
cadences: CadenceView[];
|
|
fournisseurs: { code: string; nom: string }[];
|
|
}
|
|
|
|
// Données live (DB + API FF Nancy) : relues à chaque affichage. Les propositions
|
|
// sont gardées 2 minutes par le serveur, pour que chaque modification du
|
|
// cadencier — qui rafraîchit la page — n'attende pas de nouveau toute l'API.
|
|
export default function CommandesAutoPage() {
|
|
const { onglet } = usePageSearchParams();
|
|
const ongletInitial: Onglet = onglet === "cadencier" ? "cadencier" : "propositions";
|
|
|
|
const { rows, cadences, fournisseurs } = usePageData("commandes-auto", () =>
|
|
fetchPage<DonneesCommandesAuto>("commandes-auto"),
|
|
);
|
|
|
|
return (
|
|
<div className="mx-auto w-full max-w-screen-2xl">
|
|
<PageHeader
|
|
icon={ShoppingCart}
|
|
title="Commandes fournisseurs"
|
|
description="Propositions de commande automatique par magasin, et rappels selon le rythme de commande choisi pour chaque fournisseur."
|
|
/>
|
|
<CommandesAutoTabs initial={ongletInitial} rows={rows} cadences={cadences} fournisseurs={fournisseurs} />
|
|
</div>
|
|
);
|
|
}
|