feat: add user profile page

This commit is contained in:
Kentai Radiquum 2024-07-19 09:47:29 +05:00
parent 32fc2e534d
commit 6fe7afd545
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
11 changed files with 383 additions and 23 deletions

View file

@ -0,0 +1,12 @@
export const Chip = (props) => {
return (
<div className={`rounded-sm ${props.bg_color || "bg-gray-500"}`}>
<p className="px-2 sm:px-4 py-0.5 sm:py-1 text-xs xl:text-base text-white">
{props.name}
{props.name && props.devider ? props.devider : " "}
{props.name_2}
</p>
</div>
);
};

View file

@ -106,16 +106,13 @@ export const Navbar = () => {
"ml-1 w-4 h-4 [transform:rotateX(180deg)] sm:transform-none",
}}
>
<Dropdown.Item
onClick={() => {
userStore.logout();
}}
className="text-sm md:text-base"
>
<span
className={`iconify material-symbols--logout-rounded w-4 h-4 sm:w-6 sm:h-6`}
></span>
<span>Выйти</span>
<Dropdown.Item className="text-sm md:text-base">
<Link href="/profile" className="flex items-center gap-1">
<span
className={`iconify ${pathname == `/profile/${userStore.user.id}` ? "font-bold mdi--user" : "mdi--user-outline"} w-4 h-4 sm:w-6 sm:h-6`}
></span>
<span>Профиль</span>
</Link>
</Dropdown.Item>
{navLinks.map((link) => {
return (
@ -145,6 +142,17 @@ export const Navbar = () => {
</Dropdown.Item>
);
})}
<Dropdown.Item
onClick={() => {
userStore.logout();
}}
className="text-sm md:text-base"
>
<span
className={`iconify material-symbols--logout-rounded w-4 h-4 sm:w-6 sm:h-6`}
></span>
<span>Выйти</span>
</Dropdown.Item>
</Dropdown>
</div>
) : (

View file

@ -1,11 +0,0 @@
export const Chip = (props) => {
return (
<div className={`rounded-sm ${props.bg_color || "bg-gray-500"}`}>
<p className="px-2 sm:px-4 py-0.5 sm:py-1 text-xs xl:text-base text-white">
{props.name}
{props.name && props.devider ? props.devider : " "}
{props.name_2}
</p>
</div>
);
};

View file

@ -1,6 +1,6 @@
import Link from "next/link";
import { sinceUnixDate } from "@/app/api/utils";
import { Chip } from "./Chip";
import { Chip } from "@/app/components/Chip/Chip";
export const ReleaseLink = (props) => {
const grade = props.grade.toFixed(1);