60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
'use client';
|
|
|
|
import { useState, useEffect } from 'react';
|
|
import { StudentNav } from '@/components/StudentNav';
|
|
import { PartnerCard } from '@/components/PartnerCard';
|
|
import { Spinner } from '@/components/ui';
|
|
import { api } from '@/lib/api';
|
|
import type { Partner } from '@/lib/types';
|
|
|
|
export default function PartnersPage() {
|
|
const [partners, setPartners] = useState<Partner[]>([]);
|
|
const [loading, setLoading] = useState(true);
|
|
const [error, setError] = useState<string | null>(null);
|
|
|
|
useEffect(() => {
|
|
async function load() {
|
|
try {
|
|
const data = await api.get<Partner[]>('/api/v1/partners');
|
|
setPartners(data);
|
|
} catch (e) {
|
|
setError(e instanceof Error ? e.message : 'Ошибка загрузки партнёров');
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
load();
|
|
}, []);
|
|
|
|
return (
|
|
<div className="min-h-screen">
|
|
<StudentNav />
|
|
<main className="mx-auto max-w-lg p-4 pb-10 pt-6">
|
|
<h1 className="mb-4 text-xl font-bold text-white">Партнёры</h1>
|
|
|
|
{loading && (
|
|
<div className="flex justify-center py-12">
|
|
<Spinner />
|
|
</div>
|
|
)}
|
|
|
|
{error && (
|
|
<p className="rounded-lg bg-red-900/30 px-3 py-2 text-sm text-red-400">{error}</p>
|
|
)}
|
|
|
|
{!loading && !error && partners.length === 0 && (
|
|
<p className="py-8 text-center text-sm text-gray-500">Партнёры пока не добавлены</p>
|
|
)}
|
|
|
|
{!loading && partners.length > 0 && (
|
|
<div className="grid gap-3 sm:grid-cols-2">
|
|
{partners.map((p) => (
|
|
<PartnerCard key={p.id} partner={p} />
|
|
))}
|
|
</div>
|
|
)}
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|