Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
parkpow
GitHub Repository: parkpow/deep-license-plate-recognition
Path: blob/master/gate-controller/components/RelayManager.tsx
1072 views
1
'use client';
2
3
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
4
import { RelaySettingsTab } from './RelaySettingsTab';
5
import { WebhookLogsTab } from './WebhookLogsTab';
6
import { RelayListTab } from './RelayListTab';
7
import { SlidersHorizontal, List, Bot } from 'lucide-react';
8
9
export default function RelayManager() {
10
return (
11
<div className="w-full h-full flex flex-col">
12
<Tabs defaultValue="relays" className="w-full h-full flex flex-col">
13
<TabsList className="grid w-full grid-cols-3">
14
<TabsTrigger value="relays">
15
<List className="w-4 h-4 mr-2" />
16
Relays
17
</TabsTrigger>
18
<TabsTrigger value="settings">
19
<SlidersHorizontal className="w-4 h-4 mr-2" />
20
Settings
21
</TabsTrigger>
22
<TabsTrigger value="logs">
23
<Bot className="w-4 h-4 mr-2" />
24
Webhook Logs
25
</TabsTrigger>
26
</TabsList>
27
<TabsContent value="relays" className="flex-grow min-h-0">
28
<RelayListTab />
29
</TabsContent>
30
<TabsContent value="settings" className="flex-grow min-h-0">
31
<RelaySettingsTab />
32
</TabsContent>
33
<TabsContent value="logs" className="flex-grow min-h-0">
34
<WebhookLogsTab />
35
</TabsContent>
36
</Tabs>
37
</div>
38
);
39
}
40
41