From 06358334c4ae61adbfe58e858395eec01b90f814 Mon Sep 17 00:00:00 2001 From: EleanorMao Date: Mon, 24 Apr 2023 23:24:17 +0800 Subject: [PATCH] feat: login & home --- src/App.tsx | 14 +- src/components/Breakpoint/useBreakpoint.ts | 2 +- src/components/FormControl/ErrorMessage.tsx | 20 ++ .../FormControl/LabelWithTooltip.tsx | 31 +++ src/components/FormControl/index.ts | 2 + src/components/Layout/Footer.tsx | 8 +- src/components/Layout/Header.tsx | 12 +- src/components/Layout/Layout.tsx | 36 +++ src/components/Layout/index.ts | 1 + src/components/Tooltip/Tooltip.tsx | 13 +- src/index.tsx | 13 +- src/pages/activation/home/Home.tsx | 20 ++ .../activation/home/images/homePic@2x.png | Bin 0 -> 1572935 bytes src/pages/activation/home/index.ts | 1 + src/pages/activation/home/styled.tsx | 57 +++++ .../activation/login/ForgetPasswordModal.tsx | 209 ++++++++++++++++++ src/pages/activation/login/Login.tsx | 75 +++++++ .../activation/login/images/loginPic@2x.png | Bin 0 -> 1411921 bytes .../activation/login/images/password@2x.png | Bin 0 -> 29861 bytes src/pages/activation/login/index.ts | 1 + src/pages/activation/login/styled.tsx | 80 +++++++ src/styles/reset.css | 27 +++ src/theme/index.ts | 6 + 23 files changed, 605 insertions(+), 23 deletions(-) create mode 100644 src/components/FormControl/ErrorMessage.tsx create mode 100644 src/components/FormControl/LabelWithTooltip.tsx create mode 100644 src/components/Layout/Layout.tsx create mode 100644 src/components/Layout/index.ts create mode 100644 src/pages/activation/home/Home.tsx create mode 100644 src/pages/activation/home/images/homePic@2x.png create mode 100644 src/pages/activation/home/index.ts create mode 100644 src/pages/activation/home/styled.tsx create mode 100644 src/pages/activation/login/ForgetPasswordModal.tsx create mode 100644 src/pages/activation/login/Login.tsx create mode 100644 src/pages/activation/login/images/loginPic@2x.png create mode 100644 src/pages/activation/login/images/password@2x.png create mode 100644 src/pages/activation/login/index.ts create mode 100644 src/pages/activation/login/styled.tsx diff --git a/src/App.tsx b/src/App.tsx index 0c3d8cb..7a08ace 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,13 +1,19 @@ import React from 'react'; +import { Routes, Route } from "react-router-dom"; import { BreakpointProvider } from './components/Breakpoint' -import { Header } from './components/Layout/Header' -import { Footer } from './components/Layout/Footer' +import { Layout } from './components/Layout' +import { Home } from './pages/activation/home' +import { Login } from './pages/activation/login' function App() { return ( -
-