forked from administration/panel
Revert "feat: user stream UI"
i messed up and worked on the wrong branch :trollface:lea-dev
parent
543baee97f
commit
9c531f3d99
|
|
@ -1,46 +0,0 @@
|
||||||
"use client"
|
|
||||||
|
|
||||||
import { UserReviewCard } from "@/components/pages/stream/UserReviewCard";
|
|
||||||
import { Card, CardDescription } from "@/components/ui/card";
|
|
||||||
import { Account, fetchAccountById, fetchUserById } from "@/lib/db";
|
|
||||||
import { Circle } from "lucide-react";
|
|
||||||
import { useEffect, useMemo, useState } from "react";
|
|
||||||
import { User } from "revolt-api";
|
|
||||||
|
|
||||||
export default function UserStream() {
|
|
||||||
const [connectionState, setConnectionState] = useState<"Connecting"|"Connected"|"Disconnected">("Connecting");
|
|
||||||
const [user, setUser] = useState<User | null>(null);
|
|
||||||
const [account, setAccount] = useState<Account | null>(null);
|
|
||||||
|
|
||||||
const connectionColour = useMemo(() => {
|
|
||||||
switch(connectionState) {
|
|
||||||
case "Connected": return "#55aa7f";
|
|
||||||
case "Connecting": return "#fb923c";
|
|
||||||
case "Disconnected": return "#ef4444";
|
|
||||||
}
|
|
||||||
}, [connectionState]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
fetchUserById("01H6BZB5F4B6GTKSJCV6TRGZ22").then(setUser);
|
|
||||||
fetchAccountById("01H6BZB5F4B6GTKSJCV6TRGZ22").then(setAccount);
|
|
||||||
|
|
||||||
setTimeout(() => setConnectionState("Connected"), 1000);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return account ? (
|
|
||||||
<div className="flex flex-col gap-2">
|
|
||||||
<Card className="flex flex-row justify-end pr-2 h-[40px]">
|
|
||||||
<CardDescription className="flex flex-row gap-2 items-center">
|
|
||||||
<span className="flex flex-row items-center gap-1">
|
|
||||||
{connectionState}
|
|
||||||
<Circle color={connectionColour} fill={connectionColour} />
|
|
||||||
</span>
|
|
||||||
</CardDescription>
|
|
||||||
</Card>
|
|
||||||
<div className="flex flex-col gap-2">
|
|
||||||
<UserReviewCard user={user ?? undefined} account={account} />
|
|
||||||
<UserReviewCard user={undefined} account={account} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
) : null;
|
|
||||||
}
|
|
||||||
|
|
@ -11,7 +11,6 @@ import {
|
||||||
Siren,
|
Siren,
|
||||||
Sparkles,
|
Sparkles,
|
||||||
TrendingUp,
|
TrendingUp,
|
||||||
ClipboardList,
|
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
|
||||||
export function NavigationLinks() {
|
export function NavigationLinks() {
|
||||||
|
|
@ -41,12 +40,6 @@ export function NavigationLinks() {
|
||||||
>
|
>
|
||||||
<Search className="h-4 w-4" />
|
<Search className="h-4 w-4" />
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
|
||||||
className={buttonVariants({ variant: "outline", size: "icon" })}
|
|
||||||
href="/panel/stream"
|
|
||||||
>
|
|
||||||
<ClipboardList className="h-4 w-4" />
|
|
||||||
</Link>
|
|
||||||
<Link
|
<Link
|
||||||
className={buttonVariants({ variant: "outline", size: "icon" })}
|
className={buttonVariants({ variant: "outline", size: "icon" })}
|
||||||
href="/panel/shield"
|
href="/panel/shield"
|
||||||
|
|
|
||||||
|
|
@ -1,96 +0,0 @@
|
||||||
"use client"
|
|
||||||
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
|
||||||
import { DropdownMenuContent, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
|
|
||||||
import { toast } from "@/components/ui/use-toast";
|
|
||||||
import { Account } from "@/lib/db";
|
|
||||||
import { DropdownMenu } from "@radix-ui/react-dropdown-menu";
|
|
||||||
import dayjs from "dayjs";
|
|
||||||
import relativeTime from "dayjs/plugin/relativeTime";
|
|
||||||
import { MoreHorizontal } from "lucide-react";
|
|
||||||
import { useRouter } from "next/navigation";
|
|
||||||
import { useState } from "react";
|
|
||||||
import { User } from "revolt-api";
|
|
||||||
import { decodeTime } from "ulid";
|
|
||||||
|
|
||||||
dayjs.extend(relativeTime);
|
|
||||||
|
|
||||||
export function UserReviewCard({ user, account }: { user?: User, account: Account }) {
|
|
||||||
const router = useRouter();
|
|
||||||
const [dropdownOpen, setDropdownOpen] = useState(false);
|
|
||||||
|
|
||||||
return <Card className="flex">
|
|
||||||
<CardHeader className="flex-1">
|
|
||||||
{
|
|
||||||
user
|
|
||||||
? <CardTitle>{user.username}#{user.discriminator}</CardTitle>
|
|
||||||
: <CardTitle className="text-gray-500">Pending onboarding</CardTitle>
|
|
||||||
}
|
|
||||||
<CardDescription>{account.email} · {dayjs(decodeTime(account._id)).fromNow()}</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent className="flex items-center py-0 gap-2">
|
|
||||||
<Button className="bg-orange-400 hover:bg-orange-300">Suspend</Button>
|
|
||||||
<Button variant="destructive">Ban</Button>
|
|
||||||
<DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
|
|
||||||
<DropdownMenuTrigger asChild>
|
|
||||||
<Button variant="outline" className="px-2"><MoreHorizontal /></Button>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
<DropdownMenuContent className="flex flex-col">
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
onClick={() => {
|
|
||||||
setDropdownOpen(false);
|
|
||||||
navigator.clipboard.writeText(account._id);
|
|
||||||
toast({
|
|
||||||
title: "Copied ID",
|
|
||||||
description: account._id,
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Copy ID
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
onClick={() => {
|
|
||||||
setDropdownOpen(false);
|
|
||||||
navigator.clipboard.writeText(account.email);
|
|
||||||
toast({
|
|
||||||
title: "Copied email",
|
|
||||||
description: account.email,
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Copy email
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
onClick={() => {
|
|
||||||
setDropdownOpen(false);
|
|
||||||
router.push(`/panel/inspect/account/${account._id}`);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Inspect account
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
onClick={() => {
|
|
||||||
setDropdownOpen(false);
|
|
||||||
router.push(`/panel/inspect/user/${user?._id}`);
|
|
||||||
}}
|
|
||||||
disabled={!user}
|
|
||||||
>
|
|
||||||
Inspect user
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
onClick={() => alert("todo")}
|
|
||||||
disabled={true}
|
|
||||||
>
|
|
||||||
Block email provider
|
|
||||||
</Button>
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</DropdownMenu>
|
|
||||||
</CardContent>
|
|
||||||
</Card>;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue