mirror of
https://github.com/Rain-kl/OpenFlare.git
synced 2026-10-03 15:06:36 +08:00
ryan
63cd906cfc
- Merge all files inside openflare-server to the repository root directory. - Relocate agent, relay, and flared subprojects from internal/ to internal/apps/. - Combine docker-compose files and update build context paths to root. - Update GitHub workflows and Dockerfiles to refer to new directories and package names. - Rewrite Go package imports across all files. - Resolve database renew test race condition and clean up docs.
66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
"use client"
|
|
|
|
import {Suspense} from "react"
|
|
import {useRouter, useSearchParams} from "next/navigation"
|
|
import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs"
|
|
import {TaskManager} from "./components/task-manager"
|
|
import {TaskSchedulesManager} from "./components/task-schedules"
|
|
import {TaskExecutionsManager} from "./components/task-executions"
|
|
import {Spinner} from "@/components/ui/spinner"
|
|
import {Layers} from "lucide-react"
|
|
|
|
function TasksPageContent() {
|
|
const searchParams = useSearchParams()
|
|
const router = useRouter()
|
|
const activeTab = searchParams.get("tab") || "tasks"
|
|
|
|
const handleTabChange = (value: string) => {
|
|
router.push(`/admin/tasks?tab=${value}`)
|
|
}
|
|
return (
|
|
<div className="py-6 space-y-6">
|
|
<div className="flex items-center gap-2">
|
|
<Layers className="size-5 text-primary" />
|
|
<div>
|
|
<h1 className="text-2xl font-semibold tracking-tight">任务管理</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<Tabs value={activeTab} onValueChange={handleTabChange} className="w-full">
|
|
<TabsList variant="line" className="w-fit inline-flex gap-8 mb-6">
|
|
<TabsTrigger value="tasks" className="px-0 pb-2 text-xs font-semibold">
|
|
任务管理
|
|
</TabsTrigger>
|
|
<TabsTrigger value="schedules" className="px-0 pb-2 text-xs font-semibold">
|
|
定时任务
|
|
</TabsTrigger>
|
|
<TabsTrigger value="executions" className="px-0 pb-2 text-xs font-semibold">
|
|
任务日志
|
|
</TabsTrigger>
|
|
</TabsList>
|
|
<TabsContent value="tasks" className="space-y-4 outline-none">
|
|
<TaskManager />
|
|
</TabsContent>
|
|
<TabsContent value="schedules" className="space-y-4 outline-none">
|
|
<TaskSchedulesManager />
|
|
</TabsContent>
|
|
<TabsContent value="executions" className="space-y-4 outline-none">
|
|
<TaskExecutionsManager />
|
|
</TabsContent>
|
|
</Tabs>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default function TasksPage() {
|
|
return (
|
|
<Suspense fallback={
|
|
<div className="flex items-center justify-center min-h-[400px]">
|
|
<Spinner className="h-8 w-8" />
|
|
</div>
|
|
}>
|
|
<TasksPageContent />
|
|
</Suspense>
|
|
)
|
|
}
|