fix and update

This commit is contained in:
lendry
2026-07-07 11:06:14 +03:00
parent f1821c2edc
commit 911e76f232
4 changed files with 131 additions and 221 deletions

View File

@@ -1,7 +1,7 @@
'use client';
import { useCallback, useEffect, useMemo, useState } from 'react';
import { Download, Loader2, Monitor, Smartphone, Trash2, Upload } from 'lucide-react';
import { Download, Loader2, Smartphone, Trash2, Upload } from 'lucide-react';
import { useAuth } from '@/components/id/auth-provider';
import { AdminShell } from '@/components/id/admin-shell';
import { useToast } from '@/components/id/toast-provider';
@@ -9,14 +9,15 @@ import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import {
AppRelease,
AppReleasePlatform,
deleteAdminAppRelease,
fetchAdminAppReleases,
getApiErrorMessage,
updateAdminAppRelease,
uploadAdminAppRelease
} from '@/lib/api';
import { cn } from '@/lib/utils';
const ANDROID_PLATFORM = 'ANDROID' as const;
const APK_ACCEPT = '.apk,application/vnd.android.package-archive';
function formatBytes(value: string) {
const size = Number(value);
@@ -41,18 +42,12 @@ function formatDate(value: string) {
}).format(new Date(value));
}
const platformMeta: Record<AppReleasePlatform, { label: string; icon: typeof Smartphone; accept: string }> = {
ANDROID: { label: 'Android', icon: Smartphone, accept: '.apk,application/vnd.android.package-archive' },
WINDOWS: { label: 'Windows', icon: Monitor, accept: '.exe,application/vnd.microsoft.portable-executable' }
};
export default function AdminReleasesPage() {
const { token, user } = useAuth();
const { showToast } = useToast();
const [releases, setReleases] = useState<AppRelease[]>([]);
const [loading, setLoading] = useState(true);
const [uploading, setUploading] = useState(false);
const [platform, setPlatform] = useState<AppReleasePlatform>('ANDROID');
const [version, setVersion] = useState('');
const [versionCode, setVersionCode] = useState('');
const [releaseNotes, setReleaseNotes] = useState('');
@@ -64,7 +59,7 @@ export default function AdminReleasesPage() {
if (!token || !canManage) return;
setLoading(true);
try {
const response = await fetchAdminAppReleases(token);
const response = await fetchAdminAppReleases(token, ANDROID_PLATFORM);
setReleases(response.releases ?? []);
} catch (error) {
showToast(getApiErrorMessage(error, 'Не удалось загрузить релизы') ?? 'Ошибка');
@@ -77,11 +72,10 @@ export default function AdminReleasesPage() {
void loadReleases();
}, [loadReleases]);
const grouped = useMemo(() => {
const android = releases.filter((item) => item.platform === 'ANDROID');
const windows = releases.filter((item) => item.platform === 'WINDOWS');
return { android, windows };
}, [releases]);
const androidReleases = useMemo(
() => releases.filter((item) => item.platform === ANDROID_PLATFORM),
[releases]
);
async function handleUpload(event: React.FormEvent<HTMLFormElement>) {
event.preventDefault();
@@ -98,7 +92,7 @@ export default function AdminReleasesPage() {
setUploading(true);
try {
const created = await uploadAdminAppRelease(token, {
platform,
platform: ANDROID_PLATFORM,
version: version.trim(),
versionCode: parsedVersionCode,
releaseNotes: releaseNotes.trim() || undefined,
@@ -130,7 +124,7 @@ export default function AdminReleasesPage() {
async function removeRelease(release: AppRelease) {
if (!token) return;
if (!window.confirm(`Удалить версию ${release.version} (${platformMeta[release.platform].label})?`)) return;
if (!window.confirm(`Удалить версию ${release.version} (Android)?`)) return;
try {
await deleteAdminAppRelease(token, release.id);
setReleases((current) => current.filter((item) => item.id !== release.id));
@@ -151,14 +145,13 @@ export default function AdminReleasesPage() {
return (
<div className="space-y-3">
{items.map((release, index) => {
const Icon = platformMeta[release.platform].icon;
const isLatest = index === 0 && release.isPublished;
return (
<div key={release.id} className="rounded-[20px] border border-[#eceef4] bg-white p-4 shadow-sm">
<div className="flex flex-wrap items-start justify-between gap-3">
<div className="flex min-w-0 items-start gap-3">
<div className="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl bg-[#f4f5f8]">
<Icon className="h-5 w-5 text-[#3390ec]" />
<Smartphone className="h-5 w-5 text-[#3390ec]" />
</div>
<div className="min-w-0">
<div className="flex flex-wrap items-center gap-2">
@@ -188,7 +181,7 @@ export default function AdminReleasesPage() {
</div>
<div className="flex shrink-0 flex-wrap gap-2">
<Button variant="outline" size="sm" className="rounded-xl" asChild>
<a href={`/downloads/${release.platform === 'ANDROID' ? 'android' : 'windows'}`} target="_blank" rel="noreferrer">
<a href="/downloads/android" target="_blank" rel="noreferrer">
<Download className="mr-2 h-4 w-4" />
Скачать
</a>
@@ -221,8 +214,6 @@ export default function AdminReleasesPage() {
);
}
const PlatformIcon = platformMeta[platform].icon;
return (
<AdminShell active="/admin/releases">
<div className="grid gap-8 xl:grid-cols-[380px_minmax(0,1fr)]">
@@ -232,35 +223,12 @@ export default function AdminReleasesPage() {
<Upload className="h-6 w-6" />
</div>
<div>
<h2 className="text-xl font-semibold">Новая версия</h2>
<p className="text-sm text-[#667085]">Загрузите APK или EXE с подписью SHA-256</p>
<h2 className="text-xl font-semibold">Новая версия Android</h2>
<p className="text-sm text-[#667085]">Загрузите APK с подписью SHA-256</p>
</div>
</div>
<form className="space-y-4" onSubmit={(event) => void handleUpload(event)}>
<div className="grid grid-cols-2 gap-2">
{(['ANDROID', 'WINDOWS'] as AppReleasePlatform[]).map((item) => {
const meta = platformMeta[item];
const Icon = meta.icon;
return (
<button
key={item}
type="button"
className={cn(
'flex items-center justify-center gap-2 rounded-2xl border px-3 py-3 text-sm font-medium transition',
platform === item
? 'border-[#3390ec] bg-[#eef4ff] text-[#1f2430]'
: 'border-[#eceef4] bg-[#f8f9fb] text-[#667085] hover:bg-[#f1f2f6]'
)}
onClick={() => setPlatform(item)}
>
<Icon className="h-4 w-4" />
{meta.label}
</button>
);
})}
</div>
<Input
placeholder="Версия, например 1.2.0"
value={version}
@@ -283,15 +251,13 @@ export default function AdminReleasesPage() {
/>
<label className="flex cursor-pointer flex-col items-center justify-center rounded-[20px] border border-dashed border-[#c7d2fe] bg-[#f8faff] px-4 py-8 text-center transition hover:bg-[#eef4ff]">
<PlatformIcon className="mb-3 h-8 w-8 text-[#3390ec]" />
<span className="text-sm font-medium text-[#1f2430]">
{file ? file.name : `Выберите файл ${platform === 'ANDROID' ? '.apk' : '.exe'}`}
</span>
<Smartphone className="mb-3 h-8 w-8 text-[#3390ec]" />
<span className="text-sm font-medium text-[#1f2430]">{file ? file.name : 'Выберите файл .apk'}</span>
<span className="mt-1 text-xs text-[#667085]">До 350 МБ</span>
<input
type="file"
className="hidden"
accept={platformMeta[platform].accept}
accept={APK_ACCEPT}
onChange={(event) => setFile(event.target.files?.[0] ?? null)}
/>
</label>
@@ -303,16 +269,10 @@ export default function AdminReleasesPage() {
</form>
</section>
<div className="space-y-8">
<section>
<h2 className="mb-4 text-xl font-semibold">Android</h2>
{renderReleaseList(grouped.android, 'Релизы Android пока не загружены')}
</section>
<section>
<h2 className="mb-4 text-xl font-semibold">Windows</h2>
{renderReleaseList(grouped.windows, 'Релизы Windows пока не загружены')}
</section>
</div>
<section>
<h2 className="mb-4 text-xl font-semibold">Версии Android</h2>
{renderReleaseList(androidReleases, 'Релизы Android пока не загружены')}
</section>
</div>
</AdminShell>
);