Merge pull request #41 from uug-ai/feature-login-optimization

Feature: login optimization
uug-ai · Sep 19, 2024 · df556ec · df556ec
2 parents e50f2bd + a653adf
commit df556ec
Show file tree

Hide file tree

Showing 6 changed files with 107 additions and 181 deletions.
diff --git a/ui/package.json b/ui/package.json
@@ -15,7 +15,7 @@
     "@hookform/resolvers": "^3.5.0",
     "@reduxjs/toolkit": "^2.2.5",
     "@testing-library/jest-dom": "^6.4.6",
-    "@uug-ai/ui": "^1.0.36",
+    "@uug-ai/ui": "^1.0.39",
     "autoprefixer": "^10.4.19",
     "cookies-next": "^4.2.1",
     "next": "14",

diff --git a/ui/public/BG.png b/ui/public/BG.png
diff --git a/ui/src/app/signin/components/Facescan.tsx b/ui/src/app/signin/components/Facescan.tsx
diff --git a/ui/src/app/signin/page.tsx b/ui/src/app/signin/page.tsx
@@ -8,14 +8,16 @@ import {
   Stack,
   Password,
   Row,
-  Logo,
+  FaceScan,
+  Logo
 } from "../../components/ui";
 import React from "react";
 import SignInForm from "./components/SignInForm";
 import { getServerSession } from "next-auth";
 import { redirect } from "next/navigation";
-import FaceScan from "./components/Facescan";
-import Background from "./components/Background";
+import Image from "next/image";
+import BG from "../../../public/BG.png"
+
 
 export default async function Signin() {
   const session = await getServerSession();
@@ -36,13 +38,13 @@ export default async function Signin() {
         <Socials className="mt-auto self-center justify-self-end p-8" />
       </Box>
         <Box className="flex justify-center items-center w-full relative">
-        <Background className="absolute"/>
-      <FaceScan className="opacity-30"/>
+        <Image src={BG} alt="background image" layout="fill"></Image>
+        <FaceScan className="absolute size-96"/>
         <Row className="absolute bottom-3 gap-2 place-content-end mr-10">
-        <Text>
+        <Text className="text-white">
           A product made by
         </Text>
-        <Logo/>
+        <Logo color="white" className="h-min"/>
       </Row>
       </Box>
     </Row>