Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions apps/app/src/app/components/create-workspace-modal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ export default function CreateWorkspaceModal(props: {
onClick={props.onClose}
disabled={submitting()}
class={`flex h-8 w-8 items-center justify-center rounded-full text-dls-secondary transition-colors hover:bg-dls-hover hover:text-dls-text ${submitting() ? "cursor-not-allowed opacity-50" : ""}`.trim()}
aria-label="Close create workspace modal"
aria-label={translate("dashboard.create_workspace_close")}
>
<X size={18} />
</button>
Expand All @@ -120,7 +120,7 @@ export default function CreateWorkspaceModal(props: {
<div class={`flex-1 overflow-y-auto px-6 py-6 transition-opacity duration-300 ${provisioning() ? "pointer-events-none opacity-40" : "opacity-100"}`}>
<div class="rounded-xl border border-dls-border bg-dls-sidebar px-5 py-4">
<div class="mb-1 flex items-center justify-between gap-3">
<div class="text-[15px] font-semibold text-dls-text">Workspace folder</div>
<div class="text-[15px] font-semibold text-dls-text">{translate("dashboard.create_workspace_folder")}</div>
</div>
<div class="mb-4 text-[13px] text-gray-11">
<Show when={hasSelectedFolder()} fallback={translate("dashboard.choose_folder_next")}>
Expand All @@ -137,7 +137,7 @@ export default function CreateWorkspaceModal(props: {
<Show when={pickingFolder()} fallback={<FolderPlus size={14} />}>
<Loader2 size={14} class="animate-spin" />
</Show>
{hasSelectedFolder() ? translate("dashboard.change") : "Select folder"}
{hasSelectedFolder() ? translate("dashboard.change") : translate("dashboard.create_workspace_select_folder")}
</button>
</div>
</div>
Expand All @@ -152,7 +152,7 @@ export default function CreateWorkspaceModal(props: {
<Show when={!p().error} fallback={<XCircle size={14} class="text-red-11" />}>
<Loader2 size={14} class="animate-spin text-indigo-11" />
</Show>
Sandbox setup
{translate("dashboard.create_workspace_sandbox_setup")}
</div>
<div class="mt-1 truncate text-sm leading-snug text-gray-11">{p().stage}</div>
<div class="mt-1 font-mono text-[10px] uppercase tracking-wider text-gray-9">{elapsedSeconds()}s</div>
Expand All @@ -162,7 +162,7 @@ export default function CreateWorkspaceModal(props: {
class="shrink-0 rounded px-2 py-1 text-xs text-gray-10 transition-colors hover:bg-gray-4 hover:text-gray-12"
onClick={() => setShowProgressDetails((prev) => !prev)}
>
{showProgressDetails() ? "Hide logs" : "Show logs"}
{showProgressDetails() ? translate("dashboard.create_workspace_hide_logs") : translate("dashboard.create_workspace_show_logs")}
</button>
</div>

Expand Down Expand Up @@ -211,7 +211,7 @@ export default function CreateWorkspaceModal(props: {
<Show when={showProgressDetails() && (p().logs?.length ?? 0) > 0}>
<div class="mt-3 rounded-lg border border-gray-6 bg-black/5 px-3 py-2 animate-in fade-in">
<div class="mb-2 flex items-center justify-between">
<div class="text-[10px] font-semibold uppercase tracking-wide text-gray-10">Live Logs</div>
<div class="text-[10px] font-semibold uppercase tracking-wide text-gray-10">{translate("dashboard.create_workspace_live_logs")}</div>
</div>
<div class="scrollbar-thin max-h-[120px] space-y-0.5 overflow-y-auto">
<For each={p().logs.slice(-10)}>
Expand Down Expand Up @@ -244,7 +244,7 @@ export default function CreateWorkspaceModal(props: {
</div>
<Show when={workerDebugLines().length > 0}>
<details class="mt-3 rounded-lg border border-gray-6 bg-gray-2/60 px-3 py-2 text-[11px] text-gray-11">
<summary class="cursor-pointer text-xs font-semibold text-gray-12">Docker debug details</summary>
<summary class="cursor-pointer text-xs font-semibold text-gray-12">{translate("dashboard.create_workspace_docker_debug")}</summary>
<div class="mt-2 space-y-1 break-words font-mono">
<For each={workerDebugLines()}>
{(line) => <div>{line}</div>}
Expand Down Expand Up @@ -296,7 +296,7 @@ export default function CreateWorkspaceModal(props: {
<Show when={submitting()} fallback={confirmLabel()}>
<span class="inline-flex items-center gap-2">
<Loader2 size={16} class="animate-spin" />
Creating...
{translate("dashboard.create_workspace_creating")}
</span>
</Show>
</button>
Expand Down
Loading
Loading