gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/tables/inbound-hosts/inbound-sidebar-card.tsx · v0.5.4
Source
1 4cebd65 Mardin 2y ago import { Box } from "lucide-react";
2 4cebd65 Mardin 2y ago import { type FC } from 'react';
3 4cebd65 Mardin 2y ago import {
4 4cebd65 Mardin 2y ago Badge,
5 4cebd65 Mardin 2y ago Label,
6 4cebd65 Mardin 2y ago } from "@marzneshin/components";
7 4cebd65 Mardin 2y ago import {
8 4cebd65 Mardin 2y ago type InboundType
9 4cebd65 Mardin 2y ago } from '@marzneshin/features/inbounds';
10 4cebd65 Mardin 2y ago
11 4cebd65 Mardin 2y ago export const InboundCardHeader: FC<{ entity: InboundType }> = ({ entity }) => {
12 4cebd65 Mardin 2y ago return (
13 4cebd65 Mardin 2y ago <div className="flex items-center">
14 4cebd65 Mardin 2y ago <Label className="font-bold capitalize">{entity.tag}</Label>
15 4cebd65 Mardin 2y ago </div>
16 4cebd65 Mardin 2y ago )
17 4cebd65 Mardin 2y ago }
18 4cebd65 Mardin 2y ago
19 4cebd65 Mardin 2y ago export const InboundCardContent: FC<{ entity: InboundType }> = ({ entity }) => {
20 4cebd65 Mardin 2y ago return (
21 4cebd65 Mardin 2y ago <div className="flex justify-between">
22 4cebd65 Mardin 2y ago <div className="hstack items-center">
23 4cebd65 Mardin 2y ago <Box className="p-1" /> {entity.node.name}
24 4cebd65 Mardin 2y ago </div>
25 4cebd65 Mardin 2y ago <Badge>
26 4cebd65 Mardin 2y ago {entity.protocol}
27 4cebd65 Mardin 2y ago </Badge>
28 4cebd65 Mardin 2y ago
29 4cebd65 Mardin 2y ago </div>
30 4cebd65 Mardin 2y ago )
31 4cebd65 Mardin 2y ago }