85 lines
2.4 KiB
TypeScript
85 lines
2.4 KiB
TypeScript
|
import { useState, useEffect } from "react";
|
||
|
|
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card";
|
||
|
|
import { Badge } from "@/components/ui/badge";
|
||
|
|
import { Loader2 } from "lucide-react";
|
||
|
|
|
||
|
|
export const LinkedAccounts = () => {
|
||
|
|
const [gitStatus, setGitStatus] = useState(false);
|
||
|
|
const [isLoading, setIsLoading] = useState(false);
|
||
|
|
const [isAdmin, setIsAdmin] = useState(false);
|
||
|
|
const [error, setError] = useState<string | null>(null);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const fetchGitStatus = async () => {
|
||
|
|
setIsLoading(true);
|
||
|
|
try {
|
||
|
|
const response = await fetch("/api/git/user")
|
||
|
|
const data = await response.json()
|
||
|
|
if (!response.ok) {
|
||
|
|
if (data.error) {
|
||
|
|
throw new Error(data.error)
|
||
|
|
} else {
|
||
|
|
throw new Error(`HTTP error: ${response.status}`)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (data.is_admin) {
|
||
|
|
setIsAdmin(true)
|
||
|
|
}
|
||
|
|
if (!data.message) {
|
||
|
|
setGitStatus(true)
|
||
|
|
}
|
||
|
|
} catch (err: unknown) {
|
||
|
|
if (err instanceof Error) {
|
||
|
|
setError(err.message)
|
||
|
|
}
|
||
|
|
} finally {
|
||
|
|
setIsLoading(false)
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
fetchGitStatus()
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Card className="col-span-full md:col-span-1">
|
||
|
|
<CardHeader>
|
||
|
|
<CardTitle>Linked Accounts</CardTitle>
|
||
|
|
<CardDescription>LibreCloud-connected services</CardDescription>
|
||
|
|
</CardHeader>
|
||
|
|
<CardContent>
|
||
|
|
<ul className="space-y-2">
|
||
|
|
<li className="flex items-center">
|
||
|
|
{isLoading ? (
|
||
|
|
<Loader2 className="w-4 h-4 mr-2 animate-spin" />
|
||
|
|
) : (
|
||
|
|
<span
|
||
|
|
className={`w-2 h-2 rounded-full mr-2 ${
|
||
|
|
gitStatus ? "bg-green-500" : "bg-red-500"
|
||
|
|
}`}
|
||
|
|
></span>
|
||
|
|
)}
|
||
|
|
{isAdmin ? (
|
||
|
|
<div>
|
||
|
|
<span>LibreCloud Git</span>
|
||
|
|
<Badge
|
||
|
|
className="ml-2"
|
||
|
|
>
|
||
|
|
Admin
|
||
|
|
</Badge>
|
||
|
|
</div>
|
||
|
|
) : (
|
||
|
|
<span>LibreCloud Git</span>
|
||
|
|
)}
|
||
|
|
</li>
|
||
|
|
<li className="flex items-center">
|
||
|
|
<span className="w-2 h-2 rounded-full bg-green-500 mr-2"></span>
|
||
|
|
<span>p0ntus mail</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div className="mt-4">
|
||
|
|
{error && <p className="text-red-500">{error}</p>}
|
||
|
|
</div>
|
||
|
|
</CardContent>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
};
|