feat: login form as a client component, theme toggle

2025-07-17 16:49:46 +04:00
parent 0de352c323
commit 39b4d36a82
44 changed files with 14445 additions and 1 deletions
--- a/app/create-id/page.tsx
+++ b/app/create-id/page.tsx
@ -0,0 +1,15 @@
+import LoginForm from "@/components/LoginForm/LoginForm";
+import Logo from "@/components/Logo/Logo";
+import PageItem from "@/components/PageBlock/PageItem";
+import PageContainer from "@/components/PageContainer/PageContainer";
+
+export default function CreateIdPage() {
+    return (
+        <PageContainer center>
+            <PageItem>
+                <Logo title={"Создание аккаунта"} />
+                <LoginForm isCreatingId />
+            </PageItem>
+        </PageContainer>
+    );
+}
--- a/app/global.css
+++ b/app/global.css
@ -0,0 +1,5 @@
+body {
+    @mixin light {
+        background-color: whitesmoke;
+    }
+}
--- a/app/layout.tsx
+++ b/app/layout.tsx
@ -0,0 +1,50 @@
+import "@mantine/core/styles.css";
+import React, { ReactNode } from "react";
+import {
+    ColorSchemeScript,
+    mantineHtmlProps,
+    MantineProvider,
+} from "@mantine/core";
+import Header from "@/components/Header/Header";
+import { theme } from "@/theme";
+import "@/app/global.css";
+
+export const metadata = {
+    title: "LogiDex ID",
+    description: "LogiDex ID",
+};
+
+type Props = {
+    children: ReactNode;
+};
+
+export default function RootLayout({ children }: Props) {
+    return (
+        <html
+            lang="en"
+            {...mantineHtmlProps}>
+            <head>
+                <ColorSchemeScript />
+                <link
+                    rel="shortcut icon"
+                    href="/favicon.svg"
+                />
+                <link
+                    rel="stylesheet"
+                    href="global.css"
+                />
+                <meta
+                    name="viewport"
+                    content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no"
+                />
+                <title />
+            </head>
+            <body>
+                <MantineProvider theme={theme}>
+                    <Header />
+                    {children}
+                </MantineProvider>
+            </body>
+        </html>
+    );
+}
--- a/app/page.tsx
+++ b/app/page.tsx
@ -0,0 +1,15 @@
+import LoginForm from "@/components/LoginForm/LoginForm";
+import Logo from "@/components/Logo/Logo";
+import PageItem from "@/components/PageBlock/PageItem";
+import PageContainer from "@/components/PageContainer/PageContainer";
+
+export default function MainPage() {
+    return (
+        <PageContainer center>
+            <PageItem>
+                <Logo title={"Вход"} />
+                <LoginForm />
+            </PageItem>
+        </PageContainer>
+    );
+}