feat: integrated login page and tailwind

This commit is contained in:
Michael Abebe
2026-05-13 14:43:32 +03:00
parent 199a3eba11
commit 7340d00827
8 changed files with 185 additions and 12 deletions

View File

@@ -0,0 +1 @@
@import "tailwindcss";

View File

@@ -8,5 +8,6 @@
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<link rel="stylesheet" href="/index.css" />
</body>
</html>

View File

@@ -12,10 +12,10 @@
"type-check": "tsc --noEmit"
},
"dependencies": {
"@tria-plc/iamui-common": "1.0.3",
"@edr/types": "workspace:*",
"@edr/ui-common": "workspace:*",
"@tanstack/react-query": "^5.59.0",
"@tria-plc/iamui-common": "1.1.1",
"axios": "^1.7.7",
"clsx": "^2.1.1",
"react": "^18.3.1",
@@ -26,13 +26,14 @@
"devDependencies": {
"@edr/eslint-config": "workspace:*",
"@edr/tsconfig": "workspace:*",
"@tailwindcss/vite": "^4.3.0",
"@types/react": "^18.3.11",
"@types/react-dom": "^18.3.0",
"@vitejs/plugin-react": "^4.3.2",
"autoprefixer": "^10.4.20",
"jsdom": "^25.0.1",
"postcss": "^8.4.47",
"tailwindcss": "^3.4.13",
"tailwindcss": "^4.3.0",
"typescript": "^5.5.4",
"vite": "^5.4.8",
"vitest": "^2.1.2"

View File

@@ -16,6 +16,7 @@ import TrackingPage from "./pages/tracking/TrackingPage";
import BillingPage from "./pages/billing/BillingPage";
import TrainsPage from "./pages/trains/TrainsPage";
import DashboardPage from "./pages/dashboard/DashboardPage";
import { IamLoginPage } from "@tria-plc/iamui-common";
const sidebarItems: SidebarItem[] = [
{ label: "Dashboard", href: "/" },
@@ -38,6 +39,7 @@ const App = () => {
onNavigate={navigate}
>
<Routes>
<Route path="/auth" element={<IamLoginPage />} />
<Route path="/" element={<DashboardPage />} />
<Route path="/bookings" element={<BookingsPage />} />
<Route path="/bookings/new" element={<CreateBookingPage />} />

View File

@@ -4,15 +4,45 @@ import { BrowserRouter } from "react-router-dom";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import App from "./App";
import {
AuthProvider,
BrandingProvider,
configureIam,
} from "@tria-plc/iamui-common";
const queryClient = new QueryClient();
window.__IAM_CONFIG__ = {
apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
postLoginPath: "/user-management",
};
window.__USER_MANAGEMENT_BRANDING__ = {
organizationName: "EDR Platform",
appName: "EDR Portal",
moduleBasePath: "/user-management",
backToAppPath: "/dashboard",
backToAppLabel: "Back to dashboard",
};
configureIam({
apiUrl: `${import.meta.env.VITE_BASE_API_URL}/api`,
});
const rootElement = document.getElementById("root");
if (!rootElement) {
throw new Error("Root element not found");
}
createRoot(document.getElementById("root")!).render(
<StrictMode>
<QueryClientProvider client={queryClient}>
<BrowserRouter>
<App />
</BrowserRouter>
<BrandingProvider>
<AuthProvider>
<BrowserRouter>
<App />
</BrowserRouter>
</AuthProvider>
</BrandingProvider>
</QueryClientProvider>
</StrictMode>,
);

View File

@@ -1,10 +1,11 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
export default defineConfig({
plugins: [react()],
plugins: [react(), tailwindcss()],
server: {
port: 5173,
host: "0.0.0.0",
}
},
});