mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-30 18:09:40 +05:00
feat: add user profile page
This commit is contained in:
parent
32fc2e534d
commit
6fe7afd545
11 changed files with 383 additions and 23 deletions
12
app/components/Chip/Chip.jsx
Normal file
12
app/components/Chip/Chip.jsx
Normal 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>
|
||||
);
|
||||
};
|
||||
|
|
@ -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>
|
||||
) : (
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
};
|
|
@ -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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue