Move package "de.grimsi.gameyfin" to "org.gameyfin"

2026-06-15 08:15:37 +00:00 · 2025-06-14 19:23:12 +02:00
parent be0ba28c54
commit d3d46b6b01
328 changed files with 710 additions and 678 deletions
@@ -0,0 +1,85 @@
+import {useAuth} from "Frontend/util/auth";
+import {GearFine, Question, SignOut, User} from "@phosphor-icons/react";
+import {Dropdown, DropdownItem, DropdownMenu, DropdownTrigger} from "@heroui/react";
+import {useNavigate} from "react-router";
+import {ConfigEndpoint} from "Frontend/generated/endpoints";
+import Avatar from "Frontend/components/general/Avatar";
+import {CollectionElement} from "@react-types/shared";
+import {isAdmin} from "Frontend/util/utils";
+
+export default function ProfileMenu() {
+    const auth = useAuth();
+    const navigate = useNavigate();
+
+    async function logout() {
+        if (auth.state.user?.managedBySso) {
+            window.location.href = (await ConfigEndpoint.getLogoutUrl()) || "/";
+        } else {
+            await auth.logout();
+        }
+    }
+
+    const profileMenuItems = [
+        {
+            label: "My Profile",
+            icon: <User/>,
+            onClick: () => navigate("/settings/profile")
+        },
+        {
+            label: "Administration",
+            icon: <GearFine/>,
+            onClick: () => navigate("/administration/libraries"),
+            showIf: isAdmin(auth)
+        },
+        {
+            label: "Help",
+            icon: <Question/>,
+            onClick: () => window.open("https://gameyfin.org", "_blank")
+        },
+        {
+            label: "Sign Out",
+            icon: <SignOut/>,
+            onClick: logout,
+            color: "primary"
+        },
+    ];
+
+    // @ts-ignore
+    return (
+        <Dropdown placement="bottom-end">
+            <DropdownTrigger>
+                {/* div is necessary so dropdown menu will appear in the correct place */}
+                <div>
+                    <Avatar radius="full"
+                            as="button"
+                            className="transition-transform size-8"
+                            classNames={{
+                                base: "gradient-primary",
+                                icon: "text-background/80"
+                            }}
+                    />
+                </div>
+            </DropdownTrigger>
+            <DropdownMenu disabledKeys={["username"]}>
+                <DropdownItem key="username" textValue={auth.state.user?.username}>
+                    <p className="font-bold">Signed in as {auth.state.user?.username}</p>
+                </DropdownItem>
+                {profileMenuItems.filter(item => item.showIf !== false).map(({label, icon, onClick, color}) => {
+                    return (
+                        <DropdownItem
+                            key={label}
+                            onPress={onClick}
+                            startContent={<div color={color}>{icon}</div>}
+                            /* @ts-ignore */
+                            color={color ? color : ""}
+                            className={`text-${color} hover:bg-primary/20`}
+                            textValue={label}
+                        >
+                            {label}
+                        </DropdownItem>
+                    );
+                }) as unknown as CollectionElement<object>}
+            </DropdownMenu>
+        </Dropdown>
+    );
+}