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