kyle
f6faf97cdf
CI/CD Pipeline / Build and Push PocketBase Docker Image (push) Successful in 10s
CI/CD Pipeline / i18n Catalog Check (push) Successful in 43s
CI/CD Pipeline / Build and Push App Docker Image (push) Successful in 2m14s
CI/CD Pipeline / Deploy to Kubernetes (push) Successful in 8m29s
107 lines
3.0 KiB
TypeScript
107 lines
3.0 KiB
TypeScript
import { List, Text } from "@mantine/core";
|
|
import { Plural, Trans, useLingui } from "@lingui/react/macro";
|
|
import {
|
|
TreeStructureIcon,
|
|
TrophyIcon,
|
|
MedalIcon,
|
|
CrownIcon,
|
|
PulseIcon,
|
|
} from "@phosphor-icons/react";
|
|
import ListLink from "@/components/list-link";
|
|
import ListButton from "@/components/list-button";
|
|
import { useIsDeveloper } from "@/features/core/hooks/use-is-developer";
|
|
import { getBadgeMigrationStatus, migrateBadgeProgress } from "@/features/badges/server";
|
|
import { useServerQuery } from "@/lib/tanstack-query/hooks";
|
|
import toast from "@/lib/sonner";
|
|
|
|
export const ToolsList = () => {
|
|
const { t } = useLingui();
|
|
const isDeveloper = useIsDeveloper();
|
|
|
|
const { data: migrationStatus, refetch: refetchMigrationStatus } = useServerQuery({
|
|
queryKey: ["admin", "badge-migration-status"],
|
|
queryFn: () => getBadgeMigrationStatus(),
|
|
options: {
|
|
refetchInterval: (query) =>
|
|
query.state.data?.state === "running" ? 2000 : false,
|
|
},
|
|
});
|
|
|
|
const isMigrating = migrationStatus?.state === "running";
|
|
|
|
const handleMigrateBadges = async () => {
|
|
if (isMigrating) return;
|
|
|
|
const result = await migrateBadgeProgress();
|
|
if (result.success) {
|
|
toast.success(
|
|
result.data.started
|
|
? t`Badge recalculation started in the background`
|
|
: t`Badge recalculation is already running`
|
|
);
|
|
} else {
|
|
toast.error(t`Failed to start badge recalculation`);
|
|
}
|
|
await refetchMigrationStatus();
|
|
};
|
|
|
|
return (
|
|
<List p="0">
|
|
<ListLink
|
|
label={t`Manage Tournaments`}
|
|
Icon={TrophyIcon}
|
|
to="/admin/tournaments"
|
|
/>
|
|
{isDeveloper && (
|
|
<ListLink
|
|
label={t`Telemetry`}
|
|
Icon={PulseIcon}
|
|
to="/admin/telemetry/usage"
|
|
/>
|
|
)}
|
|
<ListLink
|
|
label={t`Award Badges`}
|
|
Icon={CrownIcon}
|
|
to="/admin/badges"
|
|
/>
|
|
<ListButton
|
|
label={t`Migrate Badge Progress`}
|
|
Icon={MedalIcon}
|
|
onClick={handleMigrateBadges}
|
|
loading={isMigrating}
|
|
/>
|
|
{migrationStatus?.state === "running" && (
|
|
<Text size="sm" c="dimmed" px="md" py="xs">
|
|
<Trans>
|
|
Recalculating badges in the background ({migrationStatus.playersProcessed}/{migrationStatus.totalPlayers})
|
|
</Trans>
|
|
</Text>
|
|
)}
|
|
{migrationStatus?.state === "completed" && (
|
|
<Text size="sm" c="dimmed" px="md" py="xs">
|
|
<Trans>
|
|
Last recalculation:{" "}
|
|
<Plural
|
|
value={migrationStatus.result.totalBadgesEarned}
|
|
one="# badge earned"
|
|
other="# badges earned"
|
|
/>
|
|
</Trans>
|
|
</Text>
|
|
)}
|
|
{migrationStatus?.state === "failed" && (
|
|
<Text size="sm" c="red" px="md" py="xs">
|
|
<Trans>Badge recalculation failed. Check the server logs.</Trans>
|
|
</Text>
|
|
)}
|
|
<ListLink
|
|
label={t`Bracket Preview`}
|
|
Icon={TreeStructureIcon}
|
|
to="/admin/preview"
|
|
/>
|
|
</List>
|
|
);
|
|
};
|
|
|
|
export default ToolsList;
|