diff options
| author | GitHub Action <[email protected]> | 2026-01-22 11:11:32 +0000 |
|---|---|---|
| committer | GitHub Action <[email protected]> | 2026-01-22 11:11:32 +0000 |
| commit | d14735ef4bc599c7dda8ebebbdbf66707a57a82f (patch) | |
| tree | 11bac69160b65cb7b08e357f4c15eefb65637771 /packages/app/src/components/session | |
| parent | 3435327bc074a7ba8c3fe8939c97de54bbdefd65 (diff) | |
| download | opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.tar.gz opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.zip | |
chore: generate
Diffstat (limited to 'packages/app/src/components/session')
| -rw-r--r-- | packages/app/src/components/session/session-header.tsx | 126 | ||||
| -rw-r--r-- | packages/app/src/components/session/session-sortable-tab.tsx | 7 |
2 files changed, 70 insertions, 63 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index f2ffa3ec5..fc4aee71f 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -260,71 +260,73 @@ export function SessionHeader() { }} trigger={language.t("session.share.action.share")} > - <div class="flex flex-col gap-2"> - <Show - when={shareUrl()} - fallback={ - <div class="flex"> - <Button - size="large" - variant="primary" - class="w-1/2" - onClick={shareSession} - disabled={state.share} - > - {state.share - ? language.t("session.share.action.publishing") - : language.t("session.share.action.publish")} - </Button> + <div class="flex flex-col gap-2"> + <Show + when={shareUrl()} + fallback={ + <div class="flex"> + <Button + size="large" + variant="primary" + class="w-1/2" + onClick={shareSession} + disabled={state.share} + > + {state.share + ? language.t("session.share.action.publishing") + : language.t("session.share.action.publish")} + </Button> + </div> + } + > + <div class="flex flex-col gap-2 w-72"> + <TextField value={shareUrl() ?? ""} readOnly copyable class="w-full" /> + <div class="grid grid-cols-2 gap-2"> + <Button + size="large" + variant="secondary" + class="w-full shadow-none border border-border-weak-base" + onClick={unshareSession} + disabled={state.unshare} + > + {state.unshare + ? language.t("session.share.action.unpublishing") + : language.t("session.share.action.unpublish")} + </Button> + <Button + size="large" + variant="primary" + class="w-full" + onClick={viewShare} + disabled={state.unshare} + > + {language.t("session.share.action.view")} + </Button> + </div> </div> + </Show> + </div> + </Popover> + <Show when={shareUrl()} fallback={<div class="size-6" aria-hidden="true" />}> + <Tooltip + value={ + state.copied + ? language.t("session.share.copy.copied") + : language.t("session.share.copy.copyLink") } + placement="top" + gutter={8} > - <div class="flex flex-col gap-2 w-72"> - <TextField value={shareUrl() ?? ""} readOnly copyable class="w-full" /> - <div class="grid grid-cols-2 gap-2"> - <Button - size="large" - variant="secondary" - class="w-full shadow-none border border-border-weak-base" - onClick={unshareSession} - disabled={state.unshare} - > - {state.unshare - ? language.t("session.share.action.unpublishing") - : language.t("session.share.action.unpublish")} - </Button> - <Button - size="large" - variant="primary" - class="w-full" - onClick={viewShare} - disabled={state.unshare} - > - {language.t("session.share.action.view")} - </Button> - </div> - </div> - </Show> - </div> - </Popover> - <Show when={shareUrl()} fallback={<div class="size-6" aria-hidden="true" />}> - <Tooltip - value={ - state.copied ? language.t("session.share.copy.copied") : language.t("session.share.copy.copyLink") - } - placement="top" - gutter={8} - > - <IconButton - icon={state.copied ? "check" : "copy"} - variant="secondary" - class="rounded-l-none" - onClick={copyLink} - disabled={state.unshare} - aria-label="Copy share link" - /> - </Tooltip> - </Show> + <IconButton + icon={state.copied ? "check" : "copy"} + variant="secondary" + class="rounded-l-none" + onClick={copyLink} + disabled={state.unshare} + aria-label="Copy share link" + /> + </Tooltip> + </Show> </div> </Show> </div> diff --git a/packages/app/src/components/session/session-sortable-tab.tsx b/packages/app/src/components/session/session-sortable-tab.tsx index 6f2c044fc..ea2b84f49 100644 --- a/packages/app/src/components/session/session-sortable-tab.tsx +++ b/packages/app/src/components/session/session-sortable-tab.tsx @@ -37,7 +37,12 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v value={props.tab} closeButton={ <Tooltip value={language.t("common.closeTab")} placement="bottom"> - <IconButton icon="close" variant="ghost" onClick={() => props.onTabClose(props.tab)} aria-label="Close tab" /> + <IconButton + icon="close" + variant="ghost" + onClick={() => props.onTabClose(props.tab)} + aria-label="Close tab" + /> </Tooltip> } hideCloseButton |