homarr reset-password -u {commandUsername}
+
+ highlight(code, languages.extend("css", {}), "css")}
+ padding={10}
+ style={{
+ fontFamily: '"Fira code", "Fira Mono", monospace',
+ fontSize: 12,
+ minHeight: 250,
+ }}
+ />
+
+
+
+ {tDropzone("title")}
+
+
+ {tDropzone("description")}
+
+
+
+
+
+
+
+ Homarr
+
+ {t("version", { version: attributes.version })}
+
+
+
+ {t("text")}
+
+
+
+
+ {t("accordion.contributors.title")}
+
+ {t("accordion.contributors.subtitle", {
+ count: String(githubContributors.length),
+ })}
+
+
+
+
+
+ {githubContributors.map((contributor) => (
+
+
+
+
+
+ {t("accordion.translators.title")}
+
+ {t("accordion.translators.subtitle", {
+ count: String(crowdinContributors.length),
+ })}
+
+
+
+
+
+ {crowdinContributors.map((translator) => (
+
+
+
+
+
+ {t("accordion.libraries.title")}
+
+ {t("accordion.libraries.subtitle", {
+ count: String(Object.keys(attributes.dependencies).length),
+ })}
+
+
+
+
+
+
+
+
+ {t("accordion.hotkeys.title")}
+
+ {t("accordion.hotkeys.subtitle")}
+
+
+
+
+
+
+
+
+ {t("accordion.hotkeys.note")}
+
+
+
+
+
+ );
+}
+
+interface GenericContributorLinkCardProps {
+ name: string;
+ link: string;
+ image: string;
+}
+
+const GenericContributorLinkCard = ({ name, image, link }: GenericContributorLinkCardProps) => {
+ return (
+ -
+ {Object.entries(attributes.dependencies)
+ .sort(([key1], [key2]) => key1.localeCompare(key2))
+ .map(([key, value]) => (
+
+
+ {error.name}: {error.message}
+ {"\n"}
+ {causeArray
+ .map(
+ (cause) =>
+ `caused by ${cause.name}${cause.message ? `: ${cause.message}` : ""} ${cause.metadata.map((item) => `${item.key}=${item.value}`).join(" ")}`,
+ )
+ .join("\n")}
+
+
+ {innerProps.content}
+
+
+
+
+ {isRTL ? (
+ <>
+ {stat.capacityUnit && (
+
+ {stat.capacityUnit}
+
+ )}
+
+ {stat.maxUsedValue} / {stat.usedValue}{" "}
+
+
+ {t(labelKey)}
+
+
+ ) : (
+ <>
+
+ {t(labelKey)}
+
+
+ {" "}
+ {stat.usedValue} / {stat.maxUsedValue}{" "}
+
+ {stat.capacityUnit && (
+
+ {stat.capacityUnit}
+
+ )}
+
+ )}
+
+
+ {isRTL ? `%${stat.percentageValue}` : `${stat.percentageValue}%`}
+
+
+
+
+ );
+ })}
+
+
+
+ {getAbsoluteUrl(ruleAndPaths.host)}
+
+
+ {ruleAndPaths.paths.map((path) => (
+
+ ))}
+
+ );
+ },
+ },
+ {
+ accessorKey: "creationTimestamp",
+ header: t("field.creationTimestamp.label"),
+ Cell: ({ row }) => dayjs(row.original.creationTimestamp).fromNow(false),
+ },
+];
+
+export function IngressesTable(initialData: IngressesTableComponentProps) {
+ const tIngresses = useScopedI18n("kubernetes.ingresses");
+
+ const { data } = clientApi.kubernetes.ingresses.getIngresses.useQuery(undefined, {
+ initialData: initialData.initialIngresses,
+ refetchOnMount: false,
+ refetchOnWindowFocus: false,
+ refetchOnReconnect: false,
+ });
+
+ const table = useTranslatedMantineReactTable({
+ data,
+ enableDensityToggle: false,
+ enableColumnActions: false,
+ enableColumnFilters: false,
+ enablePagination: false,
+ enableRowSelection: true,
+ positionToolbarAlertBanner: "top",
+ enableTableFooter: false,
+ enableBottomToolbar: false,
+ positionGlobalFilter: "right",
+ initialState: { density: "xs", showGlobalFilter: true },
+ mantineSearchTextInputProps: {
+ placeholder: tIngresses("table.search", { count: String(data.length) }),
+ style: { minWidth: 300 },
+ autoFocus: true,
+ },
+
+ columns: createColumns(tIngresses),
+ });
+
+ return
+ {path.serviceName}:{path.port}
+
+ ))}
+ {port}
);
+ },
+ },
+ {
+ accessorKey: "targetPorts",
+ header: t("field.targetPorts.label"),
+ Cell({ cell }) {
+ return cell.row.original.targetPorts?.map((targetPort) => {targetPort}
);
+ },
+ },
+ {
+ accessorKey: "clusterIP",
+ header: t("field.clusterIP.label"),
+ enableClickToCopy: true,
+ },
+ {
+ accessorKey: "creationTimestamp",
+ header: t("field.creationTimestamp.label"),
+ Cell: ({ row }) => dayjs(row.original.creationTimestamp).fromNow(false),
+ },
+];
+
+export function ServicesTable(initialData: ServicesTableComponentProps) {
+ const tServices = useScopedI18n("kubernetes.services");
+
+ const { data } = clientApi.kubernetes.services.getServices.useQuery(undefined, {
+ initialData: initialData.initialServices,
+ refetchOnMount: false,
+ refetchOnWindowFocus: false,
+ refetchOnReconnect: false,
+ });
+
+ const table = useTranslatedMantineReactTable({
+ data,
+ enableDensityToggle: false,
+ enableColumnActions: false,
+ enableColumnFilters: false,
+ enablePagination: false,
+ enableRowSelection: true,
+ positionToolbarAlertBanner: "top",
+ enableTableFooter: false,
+ enableBottomToolbar: false,
+ positionGlobalFilter: "right",
+ initialState: { density: "xs", showGlobalFilter: true },
+ mantineSearchTextInputProps: {
+ placeholder: tServices("table.search", { count: String(data.length) }),
+ style: { minWidth: 300 },
+ autoFocus: true,
+ },
+ columns: createColumns(tServices),
+ });
+
+ return {accessMode}
);
+ },
+ },
+ {
+ accessorKey: "creationTimestamp",
+ header: t("field.creationTimestamp.label"),
+ Cell: ({ row }) => dayjs(row.original.creationTimestamp).fromNow(false),
+ },
+];
+
+export function VolumesTable(initialData: VolumesTableComponentProps) {
+ const tVolumes = useScopedI18n("kubernetes.volumes");
+
+ const { data } = clientApi.kubernetes.volumes.getVolumes.useQuery(undefined, {
+ initialData: initialData.initialVolumes,
+ refetchOnMount: false,
+ refetchOnWindowFocus: false,
+ refetchOnReconnect: false,
+ });
+
+ const table = useTranslatedMantineReactTable({
+ data,
+ enableDensityToggle: false,
+ enableColumnActions: false,
+ enableColumnFilters: false,
+ enablePagination: false,
+ enableRowSelection: true,
+ positionToolbarAlertBanner: "top",
+ enableTableFooter: false,
+ enableBottomToolbar: false,
+ positionGlobalFilter: "right",
+ initialState: { density: "xs", showGlobalFilter: true },
+ mantineSearchTextInputProps: {
+ placeholder: tVolumes("table.search", { count: String(data.length) }),
+ style: { minWidth: 300 },
+ autoFocus: true,
+ },
+
+ columns: createColumns(tVolumes),
+ });
+
+ return