ThreadCount Community edition

Uniform stock management for healthcare linen rooms. Licensed under the GNU AGPL v3.

app/my/layout.tsx

@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import Analytics from "@/components/Analytics";
+
+export const dynamic = "force-dynamic";
+
+/* Nothing under /my is public. The sign-in page is reached from a printed slip handed over at the
+ * counter, so there is no reason for it to be in an index either. */
+export const metadata: Metadata = {
+  title: "Your uniform record",
+  robots: { index: false, follow: false },
+};
+
+/* A fixed-height column, like the counter app: the bars don't scroll, only the body does.
+ *
+ * No maximumScale, for the same reason it is gone there: pinning the zoom takes pinch-to-zoom away
+ * from everyone on every screen of the staff app, which is WCAG 1.4.4. */
+export const viewport = {
+  width: "device-width", initialScale: 1,
+  viewportFit: "cover" as const, themeColor: "#201e1d",
+};
+
+/* Only the shell. Sign in and the emailed approval link live under /my but must be reachable
+ * without a session — one is how you get a session, and the other is deliberately for a manager
+ * who is standing in a corridor with an email open and no intention of signing in. */
+export default function MyLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="tcx-app" role="main">
+      {/* The shell is the main landmark, as on the counter app, and for the same reason it is a
+          role rather than a wrapping element. */}
+      {children}
+      <Analytics site="app" />
+    </div>
+  );
+}