web/components/cards/dashboard/statistics/Infrastructure.tsx

109 lines
4.2 KiB
TypeScript

import {
Card,
CardHeader,
CardTitle,
CardDescription,
CardContent,
} from "@/components/ui/card"
import { Server } from "lucide-react"
import { SiCloudflare, SiCloudflarepages, SiCloudflareworkers } from "react-icons/si"
import { TbCloudNetwork } from "react-icons/tb"
export default function Infrastructure() {
return (
<Card>
<CardHeader>
<CardTitle className="flex items-center text-xl gap-2">
<Server size={20} />
Infrastructure
</CardTitle>
<CardDescription>
Our portfolio of servers and services
</CardDescription>
</CardHeader>
<CardContent>
<div>
<p className="flex items-center">
<Server className="w-4 h-4 mr-1" />
<span className="font-bold">user.pontusmail.org</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Location:</span>
<span className="ml-1">Ravenna, Italy</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">CPU:</span>
<span className="ml-1">Intel® Xeon® E3-1270 v3</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">RAM:</span>
<span className="ml-1">16GB DDR4</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Storage:</span>
<span className="ml-1">2x 500GB SSD (RAID0)</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Uplink:</span>
<span className="ml-1">1Gbps</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Provider:</span>
<span className="ml-1">server.it</span>
</p>
</div>
<div className="mt-4">
<p className="flex items-center">
<Server className="w-4 h-4 mr-1" />
<span className="font-bold">librecloud.cc</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Location:</span>
<span className="ml-1">Ravenna, Italy</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">CPU:</span>
<span className="ml-1">Intel® Xeon® E3-1270 v3</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">RAM:</span>
<span className="ml-1">16GB DDR4</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Storage:</span>
<span className="ml-1">2x 250GB SSD (RAID1)</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Uplink:</span>
<span className="ml-1">1Gbps</span>
</p>
<p className="text-sm text-muted-foreground">
<span className="font-bold">Provider:</span>
<span className="ml-1">server.it</span>
</p>
</div>
<div className="mt-4">
<p className="flex items-center">
<SiCloudflare className="w-4 h-4 mr-1" />
<span className="font-bold">Cloudflare</span>
</p>
<p className="text-sm text-muted-foreground mb-2">
<span>Used for DNS and websites which require low latency.</span>
</p>
<p className="flex items-center text-sm text-muted-foreground mb-1">
<TbCloudNetwork className="w-4 h-4 mr-1" />
<span className="font-bold">DNS</span>
</p>
<p className="flex items-center text-sm text-muted-foreground mb-1">
<SiCloudflareworkers className="w-4 h-4 mr-1" />
<span className="font-bold">Workers</span>
</p>
<p className="flex items-center text-sm text-muted-foreground mb-1">
<SiCloudflarepages className="w-4 h-4 mr-1" />
<span className="font-bold">Pages</span>
</p>
</div>
</CardContent>
</Card>
)
}