mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-26 01:06:23 +02:00
2b7465cdaa
Remove all Electric SQL client code, Docker service, env vars, CI build args, install scripts, and documentation. Feature hooks that depend on Electric are intentionally left in place to be rewritten with Rocicorp Zero in subsequent commits. Deleted: - lib/electric/ (client.ts, context.ts, auth.ts, baseline.ts) - ElectricProvider.tsx - docker/scripts/init-electric-user.sh - content/docs/how-to/electric-sql.mdx Cleaned: - package.json (4 @electric-sql/* deps) - app/layout.tsx, UserDropdown.tsx, LayoutDataProvider.tsx - docker-compose.yml, docker-compose.dev.yml - Dockerfile, docker-entrypoint.js - .env.example (frontend, docker, backend) - CI workflows, install scripts, docs
102 lines
2.8 KiB
TypeScript
102 lines
2.8 KiB
TypeScript
"use client";
|
|
|
|
import { BadgeCheck, LogOut } from "lucide-react";
|
|
import { useRouter } from "next/navigation";
|
|
import { useState } from "react";
|
|
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuGroup,
|
|
DropdownMenuItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuSeparator,
|
|
DropdownMenuTrigger,
|
|
} from "@/components/ui/dropdown-menu";
|
|
import { Spinner } from "@/components/ui/spinner";
|
|
import { logout } from "@/lib/auth-utils";
|
|
import { resetUser, trackLogout } from "@/lib/posthog/events";
|
|
|
|
export function UserDropdown({
|
|
user,
|
|
}: {
|
|
user: {
|
|
name: string;
|
|
email: string;
|
|
avatar: string;
|
|
};
|
|
}) {
|
|
const router = useRouter();
|
|
const [isLoggingOut, setIsLoggingOut] = useState(false);
|
|
|
|
const handleLogout = async () => {
|
|
if (isLoggingOut) return;
|
|
setIsLoggingOut(true);
|
|
try {
|
|
// Track logout event and reset PostHog identity
|
|
trackLogout();
|
|
resetUser();
|
|
|
|
// Revoke refresh token on server and clear all tokens from localStorage
|
|
await logout();
|
|
|
|
if (typeof window !== "undefined") {
|
|
window.location.href = "/";
|
|
}
|
|
} catch (error) {
|
|
console.error("Error during logout:", error);
|
|
// Even if there's an error, try to clear tokens and redirect
|
|
await logout();
|
|
if (typeof window !== "undefined") {
|
|
window.location.href = "/";
|
|
}
|
|
}
|
|
};
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button variant="ghost" className="relative h-10 w-10 rounded-full">
|
|
<Avatar className="h-8 w-8">
|
|
<AvatarImage src={user.avatar} alt={user.name} />
|
|
<AvatarFallback>{user.name.charAt(0)?.toUpperCase() || "?"}</AvatarFallback>
|
|
</Avatar>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent className="w-44 md:w-56" align="end" forceMount>
|
|
<DropdownMenuLabel className="font-normal p-2 md:p-3">
|
|
<div className="flex flex-col space-y-1">
|
|
<p className="text-xs md:text-sm font-medium leading-none">{user.name}</p>
|
|
<p className="text-[10px] md:text-xs leading-none text-muted-foreground">
|
|
{user.email}
|
|
</p>
|
|
</div>
|
|
</DropdownMenuLabel>
|
|
<DropdownMenuSeparator />
|
|
<DropdownMenuGroup>
|
|
<DropdownMenuItem
|
|
onClick={() => router.push(`/dashboard/api-key`)}
|
|
className="text-xs md:text-sm"
|
|
>
|
|
<BadgeCheck className="mr-2 h-3.5 w-3.5 md:h-4 md:w-4" />
|
|
API Key
|
|
</DropdownMenuItem>
|
|
</DropdownMenuGroup>
|
|
<DropdownMenuSeparator />
|
|
<DropdownMenuItem
|
|
onClick={handleLogout}
|
|
className="text-xs md:text-sm"
|
|
disabled={isLoggingOut}
|
|
>
|
|
{isLoggingOut ? (
|
|
<Spinner size="sm" className="mr-2" />
|
|
) : (
|
|
<LogOut className="mr-2 h-3.5 w-3.5 md:h-4 md:w-4" />
|
|
)}
|
|
{isLoggingOut ? "Logging out..." : "Log out"}
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|