add page profile

This commit is contained in:
kuwsh1n
2024-03-09 21:18:58 +03:00
parent c1c2f7cfc5
commit 16a82736a4
9 changed files with 156 additions and 43 deletions

View File

@ -4,7 +4,7 @@ import classes from "../assets/styles/components/myInput.module.scss"
const MyInput = (props) => {
return (
<div className={classes.main} style={{...props.otherMainStyle}}>
<input type="text" placeholder={props.placeholder} style={{...props.otherInputStyle}}/>
<input type={props.type} placeholder={props.placeholder} style={{...props.otherInputStyle}} onChange={(e) => props.change(e.target.value)} value={props.value}/>
</div>
)
}

View File

@ -1,9 +1,7 @@
import React, { useState } from "react";
import classes from "../assets/styles/components/navbar.module.scss"
const NavBar = ({navigate}) => {
const [auth, setAuth] = useState(true);
const NavBar = ({navigate, auth, setAuth}) => {
return (
<div className={classes.main}>
<div className={classes.wrapper}>
@ -18,7 +16,7 @@ const NavBar = ({navigate}) => {
<div className={classes.profile}>
{auth ?
<div className={classes.profile__authorized}>
<span onClick={() => navigate("/profile")}>Профиль</span>
<span onClick={() => navigate("/profile")}>Профиль ({auth.name})</span>
</div> :
<div className={classes.profile__nonAuthorized}>
<span onClick={() => navigate("/enter")}>Вход <i class="fa-solid fa-arrow-right-to-bracket"></i></span>