feat: initialize warpbox.dev project structure and backend
Initialize the repository with the core Go backend architecture and a frontend mockup for warpbox.dev, a self-hosted file-sharing application. - Set up Go backend modules for configuration, HTTP server, middleware, handlers, and templates. - Add local development scripts, environment templates, and basic project configuration. - Include a React-based frontend mockup under the docs directory.
This commit is contained in:
46
docs/Mock-Up/Mockup Magic/src/routes/admin.logs.tsx
Normal file
46
docs/Mock-Up/Mockup Magic/src/routes/admin.logs.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
import { createFileRoute } from "@tanstack/react-router";
|
||||
import { AppShell } from "@/components/layout/AppShell";
|
||||
import { Card, CardContent } from "@/components/ui/card";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { mockLogs } from "@/lib/mock-data";
|
||||
|
||||
export const Route = createFileRoute("/admin/logs")({
|
||||
head: () => ({ meta: [{ title: "Admin · Logs — warpbox.dev" }] }),
|
||||
component: Logs,
|
||||
});
|
||||
|
||||
function Logs() {
|
||||
return (
|
||||
<AppShell variant="admin" title="Admin · Logs">
|
||||
<Card>
|
||||
<CardContent className="p-0">
|
||||
<div className="flex flex-wrap items-center gap-2 border-b p-4">
|
||||
<Input placeholder="Filter messages…" className="h-8 max-w-xs" />
|
||||
<Select defaultValue="all">
|
||||
<SelectTrigger className="h-8 w-32"><SelectValue /></SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="all">All levels</SelectItem>
|
||||
<SelectItem value="info">Info</SelectItem>
|
||||
<SelectItem value="warn">Warn</SelectItem>
|
||||
<SelectItem value="error">Error</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
<div className="font-mono text-xs">
|
||||
{mockLogs.map((l, i) => (
|
||||
<div key={i} className="flex items-start gap-3 border-b px-4 py-2">
|
||||
<span className="text-muted-foreground">{l.ts}</span>
|
||||
<Badge variant={l.level === "error" ? "destructive" : l.level === "warn" ? "outline" : "secondary"} className="h-5">
|
||||
{l.level}
|
||||
</Badge>
|
||||
<span className="flex-1">{l.msg}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</AppShell>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user