mirror of
https://github.com/Corfirean/coa-server-manager.git
synced 2026-11-11 03:51:01 +00:00
ДмитрийandClaude Sonnet 5.5
2e8803a067
Verified in the native window against a disposable fixture: import writes only <folder>.manager + registry; start surfaces a human 'database update required' message; stop returns to Offline. Live install untouched throughout. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
35 lines
1.7 KiB
TypeScript
35 lines
1.7 KiB
TypeScript
import { FolderSearch, Download } from "lucide-react";
|
|
import { Card } from "@/components/ui/card";
|
|
|
|
export function Welcome({ onImport }: { onImport: () => void }) {
|
|
return (
|
|
<main className="flex h-full flex-col items-center justify-center px-8">
|
|
<div className="mb-10 text-center">
|
|
<div className="mx-auto mb-5 h-12 w-12 rounded-full border-2 border-gold/80 bg-card-2" aria-hidden />
|
|
<h1 className="text-3xl font-semibold tracking-tight">Welcome to CoA Server Manager</h1>
|
|
<p className="mt-2 text-muted">Run your own Conquest of Azeroth server — no technical knowledge needed.</p>
|
|
</div>
|
|
|
|
<div className="grid w-full max-w-3xl grid-cols-2 gap-5">
|
|
<Card className="p-7 opacity-60" aria-disabled="true">
|
|
<Download className="mb-4 h-7 w-7 text-gold" aria-hidden />
|
|
<h2 className="text-lg font-semibold">Install new server</h2>
|
|
<p className="mt-1 text-sm text-muted">One-click setup with everything included.</p>
|
|
<p className="mt-4 inline-block rounded bg-white/5 px-2 py-1 text-xs text-muted">Coming in a later release</p>
|
|
</Card>
|
|
|
|
<button
|
|
onClick={onImport}
|
|
className="cursor-pointer rounded-card border border-line bg-card/90 p-7 text-left shadow-[0_8px_30px_rgb(0_0_0/0.28)] transition-colors hover:border-gold/60"
|
|
>
|
|
<FolderSearch className="mb-4 h-7 w-7 text-gold" aria-hidden />
|
|
<h2 className="text-lg font-semibold">I already have a server</h2>
|
|
<p className="mt-1 text-sm text-muted">
|
|
Add your existing server. It is only read — nothing is changed.
|
|
</p>
|
|
</button>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|