Loading…
-
- );
+ return Loading…
;
}
return (
<>
-
AI Service — Settings
diff --git a/frontend/src/pages/AdminPage.tsx b/frontend/src/pages/AdminPage.tsx index a9d2a1a..ba96986 100644 --- a/frontend/src/pages/AdminPage.tsx +++ b/frontend/src/pages/AdminPage.tsx @@ -9,7 +9,6 @@ import { type AdminUserCreate, type UserData, } from "../api/client"; -import Nav from "../components/Nav"; export default function AdminPage() { const queryClient = useQueryClient(); @@ -68,7 +67,6 @@ export default function AdminPage() { return ( <> -User Management
diff --git a/frontend/src/pages/AppsPage.tsx b/frontend/src/pages/AppsPage.tsx index 6d5aeb0..b3ab819 100644 --- a/frontend/src/pages/AppsPage.tsx +++ b/frontend/src/pages/AppsPage.tsx @@ -1,6 +1,5 @@ import { Link } from "react-router-dom"; import { useQuery } from "@tanstack/react-query"; -import Nav from "../components/Nav"; import { getMe } from "../api/client"; interface AppCard { @@ -36,7 +35,6 @@ export default function AppsPage() { return ( <> -Apps
@@ -102,3 +100,4 @@ export default function AppsPage() {
);
}
+
diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
index 848fc2e..6fcc5b4 100644
--- a/frontend/src/pages/DashboardPage.tsx
+++ b/frontend/src/pages/DashboardPage.tsx
@@ -1,17 +1,13 @@
import { useQuery } from "@tanstack/react-query";
import { getMe } from "../api/client";
-import Nav from "../components/Nav";
export default function DashboardPage() {
const { data: user } = useQuery({ queryKey: ["me"], queryFn: getMe });
return (
- <>
-
-
![]()
tag once a logo is available.
// ─────────────────────────────────────────────────────────────────────────────
export default function LoginPage() {
@@ -30,62 +32,59 @@ export default function LoginPage() {
};
return (
-
-
-
+ Dashboard
- {user &&Welcome, {user.full_name ?? user.email}
} -
+
);
}
diff --git a/frontend/src/pages/DocumentAdminSettingsPage.tsx b/frontend/src/pages/DocumentAdminSettingsPage.tsx
index 262cfa6..18acb7a 100644
--- a/frontend/src/pages/DocumentAdminSettingsPage.tsx
+++ b/frontend/src/pages/DocumentAdminSettingsPage.tsx
@@ -1,6 +1,5 @@
import { useEffect, useState } from "react";
import { useQuery, useMutation } from "@tanstack/react-query";
-import Nav from "../components/Nav";
import { getDocumentLimits, updateDocumentLimits } from "../api/client";
const inputStyle: React.CSSProperties = {
@@ -34,17 +33,11 @@ export default function DocumentAdminSettingsPage() {
});
if (isLoading) {
- return (
- <>
-
- Dashboard
+ {user &&Welcome, {user.full_name ?? user.email}
} +Loading…
-
- );
+ return Loading…
;
}
return (
<>
-
Documents — Settings
diff --git a/frontend/src/pages/DocumentsPage.tsx b/frontend/src/pages/DocumentsPage.tsx index 49cd50e..c766415 100644 --- a/frontend/src/pages/DocumentsPage.tsx +++ b/frontend/src/pages/DocumentsPage.tsx @@ -1,6 +1,5 @@ import { useRef, useState, useEffect, useCallback } from "react"; import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"; -import Nav from "../components/Nav"; import { listDocuments, uploadDocument, @@ -707,7 +706,6 @@ export default function DocumentsPage() { return ( <> -Documents
diff --git a/frontend/src/pages/LoginPage.tsx b/frontend/src/pages/LoginPage.tsx index b81d970..6ea7e19 100644 --- a/frontend/src/pages/LoginPage.tsx +++ b/frontend/src/pages/LoginPage.tsx @@ -1,11 +1,13 @@ import axios from "axios"; import { useState } from "react"; +import { Briefcase, LayoutDashboard } from "lucide-react"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import ThemeToggle from "@/components/ThemeToggle"; import { useAuth } from "../hooks/useAuth"; -// ── Customise these two constants for each deployment ──────────────────────── +// ── Customise for each deployment ──────────────────────────────────────────── const BUSINESS_NAME = "Your Business Name"; -// Replace the src with the actual logo URL or import, or swap the placeholder -// div below for an
-
-
- {/* Logo placeholder — swap for 
*/}
-
- Logo
+
)",
+ "primary-hover": "rgb(var(--color-primary-hover) / )",
+ accent: "rgb(var(--color-accent) / )",
+ "accent-hover": "rgb(var(--color-accent-hover) / )",
+ // Layout
+ background: "rgb(var(--color-background) / )",
+ surface: "rgb(var(--color-surface) / )",
+ border: "rgb(var(--color-border) / )",
+ // Text
+ foreground: "rgb(var(--color-text-primary) / )",
+ muted: "rgb(var(--color-text-muted) / )",
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
+ },
+ },
+ },
+ plugins: [],
+} satisfies Config;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 696310f..4456f4a 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,8 +1,14 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
+import { fileURLToPath, URL } from "node:url";
export default defineConfig({
plugins: [react()],
+ resolve: {
+ alias: {
+ "@": fileURLToPath(new URL("./src", import.meta.url)),
+ },
+ },
server: {
proxy: {
"/api": {
+ {/* ── Left column: login form ── */}
+
);
diff --git a/frontend/src/pages/ProfilePage.tsx b/frontend/src/pages/ProfilePage.tsx
index 2321a44..1d36f40 100644
--- a/frontend/src/pages/ProfilePage.tsx
+++ b/frontend/src/pages/ProfilePage.tsx
@@ -1,7 +1,6 @@
import { useState } from "react";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { getMe, getProfile, updateProfile, type ProfileUpdate } from "../api/client";
-import Nav from "../components/Nav";
export default function ProfilePage() {
const queryClient = useQueryClient();
@@ -54,11 +53,10 @@ export default function ProfilePage() {
mutation.mutate(payload);
};
- if (isLoading) return <>
+ {/* Theme toggle — top-right of this panel */}
+
+ {/* ── Right column: hero panel ── */}
+
+
- {BUSINESS_NAME}
+
+ {/* Logo placeholder */}
+
+
+
-
+ {error && (
+
+
+ {BUSINESS_NAME}
+Sign in to your account
+{error}
+ )} + + +
+
+ Manage your team, your way +
++ The all-in-one employer platform. +
Loading…
;
+ if (isLoading) return Loading…
;
return (
<>
-