aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-22 00:34:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: third pass at translations

Browse Source
This commit is contained in:
benalleng
2023-07-28 17:42:59 -04:00
committed by Paul Miller
parent 11ce48414f
commit 12a650b63e
43 changed files with 1568 additions and 448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/LoadingIndicator.tsx
View File

@@ -1,22 +1,24 @@
import { Progress } from "@kobalte/core";
import { Show } from "solid-js";
import { useI18n } from "~/i18n/context";
import { useMegaStore } from "~/state/megaStore";
export function LoadingBar(props: { value: number; max: number }) {
const i18n = useI18n();
function valueToStage(value: number) {
switch (value) {
case 0:
return "Just getting started";
return i18n.t("modals.loading.default");
case 1:
return "Double checking something";
return i18n.t("modals.loading.double_checking");
case 2:
return "Downloading";
return i18n.t("modals.loading.downloading");
case 3:
return "Setup";
return i18n.t("modals.loading.setup");
case 4:
return "Done";
return i18n.t("modals.loading.done");
default:
return "Just getting started";
return i18n.t("modals.loading.default");
}
}
return (
@@ -24,7 +26,9 @@ export function LoadingBar(props: { value: number; max: number }) {
value={props.value}
minValue={0}
maxValue={props.max}
getValueLabel={({ value }) => `Loading: ${valueToStage(value)}`}
getValueLabel={({ value }) =>
i18n.t("modals.loading.loading", { stage: valueToStage(value) })
}
class="w-full flex flex-col gap-2"
>
<Progress.ValueLabel class="text-sm text-m-grey-400" />