gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/tables/inbound-hosts/inbound.tsx · v0.3.0-alpha5
Source
1 3b7feef Mrdn 2y ago
2 3b7feef Mrdn 2y ago import { Badge, Label } from '@marzneshin/components'
3 3b7feef Mrdn 2y ago import { InboundType } from '@marzneshin/features/inbounds'
4 3b7feef Mrdn 2y ago import { Box } from 'lucide-react'
5 3b7feef Mrdn 2y ago import { FC } from 'react'
6 3b7feef Mrdn 2y ago
7 3b7feef Mrdn 2y ago interface InboundOptionProps {
8 3b7feef Mrdn 2y ago inbound: InboundType
9 3b7feef Mrdn 2y ago }
10 3b7feef Mrdn 2y ago
11 3b7feef Mrdn 2y ago export const InboundOption: FC<InboundOptionProps> = ({ inbound }) => {
12 3b7feef Mrdn 2y ago return (
13 3b7feef Mrdn 2y ago <div className="p-2 mx-0 w-full rounded-md border">
14 3b7feef Mrdn 2y ago <div className="flex justify-between">
15 3b7feef Mrdn 2y ago <Label className="font-bold capitalize">{inbound.tag}</Label>
16 3b7feef Mrdn 2y ago <Badge>
17 3b7feef Mrdn 2y ago {inbound.protocol}
18 3b7feef Mrdn 2y ago </Badge>
19 3b7feef Mrdn 2y ago </div>
20 3b7feef Mrdn 2y ago
21 3b7feef Mrdn 2y ago <div className="flex items-center">
22 3b7feef Mrdn 2y ago <Box className="p-1" /> {inbound.node.name}
23 3b7feef Mrdn 2y ago </div>
24 3b7feef Mrdn 2y ago </div>
25 3b7feef Mrdn 2y ago )
26 3b7feef Mrdn 2y ago }