Thomas
53b518960c
* feat: retain application log history * fix: harden retained log streaming * fix: harden contextual log focus * fix: retain multiline log output
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { useState } from "react";
|
|
import { Anchor, Button, Stack, Text } from "@mantine/core";
|
|
|
|
import { useSession } from "@homarr/auth/client";
|
|
import type { stringOrTranslation } from "@homarr/translation";
|
|
import { translateIfNecessary } from "@homarr/translation";
|
|
import { useI18n } from "@homarr/translation/client";
|
|
import { Link } from "@homarr/ui";
|
|
import type { TablerIcon } from "@homarr/ui";
|
|
|
|
export interface BaseWidgetErrorProps {
|
|
icon: TablerIcon;
|
|
message: stringOrTranslation;
|
|
showLogsLink?: boolean;
|
|
onRetry: () => void;
|
|
}
|
|
|
|
export const BaseWidgetError = (props: BaseWidgetErrorProps) => {
|
|
const t = useI18n();
|
|
const { data: session } = useSession();
|
|
const [errorTimestamp] = useState(Date.now);
|
|
|
|
return (
|
|
<Stack h="100%" align="center" justify="center" gap="md" data-homarr-widget-error>
|
|
<props.icon size={40} />
|
|
<Stack gap={0}>
|
|
<Text ta="center">{translateIfNecessary(t, props.message)}</Text>
|
|
{props.showLogsLink && session?.user.permissions.includes("other-view-logs") && (
|
|
<Anchor
|
|
component={Link}
|
|
href={`/manage/tools/logs?focus=${errorTimestamp}`}
|
|
target="_blank"
|
|
ta="center"
|
|
size="sm"
|
|
>
|
|
{t("common.action.checkLogs")}
|
|
</Anchor>
|
|
)}
|
|
</Stack>
|
|
|
|
<Button onClick={props.onRetry} size="sm" variant="light">
|
|
{t("common.action.tryAgain")}
|
|
</Button>
|
|
</Stack>
|
|
);
|
|
};
|