MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

layout component started

Browse Source
This commit is contained in:
victorAnumudu
2024-12-06 03:53:30 +01:00
parent cab73be4d0
commit 53726ad8eb
10 changed files with 66 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Forgetpwd2.jsx
+2 -2
View File
@@ -36,7 +36,7 @@ export default function Forgetpwd2() {
<div className="login p-50">
<h1 className="mb-2">Recover Password</h1>
<p>Please enter your email.</p>
<form action="auth-login.html" className="mt-3 mt-sm-5">
<form className="mt-3 mt-sm-5">
<div className="row">
<div className="col-12">
<div className="form-group">
@@ -45,7 +45,7 @@ export default function Forgetpwd2() {
</div>
</div>
<div className="col-12 mt-3">
<button onClick={()=>{navigate(siteLinks.dash)}} className="btn btn-primary text-uppercase">Send</button>
<button type='button' onClick={()=>{navigate(siteLinks.dash)}} className="btn btn-primary text-uppercase">Send</button>
</div>
<div className="col-12 mt-3">
<p>Go <Link to={siteLinks.home}> Back</Link></p>
src/component/auth/Login2.jsx
+2 -2
View File
@@ -36,7 +36,7 @@ export default function Login() {
<div className="login p-50">
<h1 className="mb-2">MERMS Panel</h1>
<p>Welcome back, please login to your account.</p>
<form action="auth-login.html" className="mt-3 mt-sm-5">
<form className="mt-3 mt-sm-5">
<div className="row">
<div className="col-12">
<div className="form-group">
@@ -62,7 +62,7 @@ export default function Login() {
</div>
</div>
<div className="col-12 mt-3">
<button onClick={()=>{navigate(siteLinks.dash)}} className="btn btn-primary text-uppercase">Sign In</button>
<button type='button' onClick={()=>{navigate(siteLinks.dash)}} className="btn btn-primary text-uppercase">Sign In</button>
</div>
<div className="col-12 mt-3">
<p>Don't have an account ?<Link to={siteLinks.signup}> Sign Up</Link></p>
src/component/auth/Signup2.jsx
+2 -2
View File
@@ -36,7 +36,7 @@ export default function Signup2() {
<div class="register p-5">
<h1 class="mb-2">MERMS Panel</h1>
<p>Welcome, Please create your account.</p>
<form action="auth-register.html" class="mt-2 mt-sm-5">
<form class="mt-2 mt-sm-5">
<div class="row">
<div class="col-12 col-sm-6">
<div class="form-group">
@@ -77,7 +77,7 @@ export default function Signup2() {
</div>
</div>
<div class="col-12 mt-3">
<button onClick={()=>navigate(siteLinks.dash)} class="btn btn-primary text-uppercase">Sign up</button>
<button type='button' onClick={()=>navigate(siteLinks.dash)} class="btn btn-primary text-uppercase">Sign up</button>
</div>
<div class="col-12 mt-3">
<p>Already have an account ?<Link to={siteLinks.login}> Sign In</Link></p>
src/component/authorization/UserExist.jsx
+5 -1
View File
@@ -1,6 +1,8 @@
import React, { useEffect, useState } from 'react'
import { Outlet } from 'react-router-dom'
import BSMainLoader from '../loaders/BSMainLoader'
import Layout from '../layout/Layout'
export default function UserExist() {
@@ -19,7 +21,9 @@ export default function UserExist() {
{loading ?
<BSMainLoader />
:
<Outlet />
<Layout>
<Outlet />
</Layout>
}
</>
)
src/component/home/Home.jsx
+3 -17
View File
@@ -7,22 +7,8 @@ import LoaderImage from "../../parts/LoaderImage";
export default function Home() {
return (
<div className="app">
<div className="app-wrap">
{/*<LoaderImage />*/}
<UserHeader />
<div className="app-container">
<aside className="app-navbar">
<UserMenu />
</aside>
<div className="app-main" id="main">
<div className="container-fluid">
<HomeSections />
</div>
</div>
</div>
<UserFooter />
</div>
</div>
<>
<HomeSections />
</>
)
}
src/component/layout/Layout.jsx
+27
View File
@@ -0,0 +1,27 @@
import React from 'react'
import UserMenu from "../../parts/UserMenu";
import UserHeader from "../../parts/UserHeader";
import UserFooter from "../../parts/UserFooter";
import { Outlet } from 'react-router-dom';
export default function Layout() {
return (
<div className="app">
<div className="app-wrap">
<UserHeader />
<div className="app-container">
<aside className="app-navbar">
<UserMenu />
</aside>
<div className="app-main" id="main">
<div className="container-fluid">
<Outlet />
</div>
</div>
</div>
<UserFooter />
</div>
</div>
)
}