redsandy/partner-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Добавлен компонент AuthGuard для защиты страниц от неавторизованных пользователей. Обновлен middleware для редиректа на страницу авторизации при отсутствии токена. Обернуты страницы дашборда, аккаунта, статистики и финансов в AuthGuard для проверки авторизации.

Browse Source
This commit is contained in:
Redsandyg
2025-06-03 14:58:35 +03:00
parent 6ab1a42be7
commit af0c52dbb6
7 changed files with 169 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/app/account/page.tsx
View File

@@ -1,6 +1,7 @@
"use client";
import { useEffect, useState } from "react";
import styles from "../../styles/dashboard.module.css";
import AuthGuard from "../../components/AuthGuard";
interface AccountData {
id: number;
@@ -11,40 +12,42 @@ interface AccountData {
}
export default function AccountPage() {
const [account, setAccount] = useState<AccountData | null>(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
// const [account, setAccount] = useState<AccountData | null>(null);
// const [loading, setLoading] = useState(true);
// const [error, setError] = useState<string | null>(null);
useEffect(() => {
fetch("/api/account")
.then((res) => {
if (!res.ok) throw new Error("Ошибка загрузки данных аккаунта");
return res.json();
})
.then((data) => {
setAccount(data);
setLoading(false);
})
.catch((err) => {
setError(err.message);
setLoading(false);
});
}, []);
// useEffect(() => {
// fetch("/api/account")
// .then((res) => {
// if (!res.ok) throw new Error("Ошибка загрузки данных аккаунта");
// return res.json();
// })
// .then((data) => {
// setAccount(data);
// setLoading(false);
// })
// .catch((err) => {
// setError(err.message);
// setLoading(false);
// });
// }, []);
if (loading) return <div className={styles.dashboard}>Загрузка...</div>;
if (error) return <div className={styles.dashboard}>Ошибка: {error}</div>;
if (!account) return <div className={styles.dashboard}>Нет данных</div>;
// if (loading) return <div className={styles.dashboard}>Загрузка...</div>;
// if (error) return <div className={styles.dashboard}>Ошибка: {error}</div>;
// if (!account) return <div className={styles.dashboard}>Нет данных</div>;
return (
<div className={styles.dashboard}>
<h1 className={styles.title}>Аккаунт</h1>
<div className={styles.card} style={{ maxWidth: 400, margin: "0 auto" }}>
<div><b>ID:</b> {account.id}</div>
<div><b>Логин:</b> {account.login}</div>
<div><b>Имя:</b> {account.name || "-"}</div>
<div><b>Email:</b> {account.email || "-"}</div>
<div><b>Баланс:</b> {account.balance.toLocaleString("ru-RU", { style: "currency", currency: "RUB" })}</div>
<AuthGuard>
<div className={styles.dashboard}>
<h1 className={styles.title}>Аккаунт</h1>
<div className={styles.card} style={{ maxWidth: 400, margin: "0 auto" }}>
{/* <div><b>ID:</b> {account.id}</div>
<div><b>Логин:</b> {account.login}</div>
<div><b>Имя:</b> {account.name || "-"}</div>
<div><b>Email:</b> {account.email || "-"}</div>
<div><b>Баланс:</b> {account.balance.toLocaleString("ru-RU", { style: "currency", currency: "RUB" })}</div> */}
</div>
</div>
</div>
</AuthGuard>
);
}