diff options
| -rw-r--r-- | packages/app/src/components/header.tsx | 60 | ||||
| -rw-r--r-- | packages/app/src/pages/session.tsx | 3 |
2 files changed, 32 insertions, 31 deletions
diff --git a/packages/app/src/components/header.tsx b/packages/app/src/components/header.tsx index ec7cdfa25..3eae0e05d 100644 --- a/packages/app/src/components/header.tsx +++ b/packages/app/src/components/header.tsx @@ -109,35 +109,37 @@ export function Header(props: { </Show> </div> <div class="flex items-center gap-4"> - <Tooltip - class="hidden md:block shrink-0" - value={ - <div class="flex items-center gap-2"> - <span>Toggle review</span> - <span class="text-icon-base text-12-medium">{command.keybind("review.toggle")}</span> - </div> - } - > - <Button variant="ghost" class="group/review-toggle size-6 p-0" onClick={layout.review.toggle}> - <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> - <Icon - size="small" - name={layout.review.opened() ? "layout-right-full" : "layout-right"} - class="group-hover/review-toggle:hidden" - /> - <Icon - size="small" - name="layout-right-partial" - class="hidden group-hover/review-toggle:inline-block" - /> - <Icon - size="small" - name={layout.review.opened() ? "layout-right" : "layout-right-full"} - class="hidden group-active/review-toggle:inline-block" - /> - </div> - </Button> - </Tooltip> + <Show when={currentSession()?.summary?.files}> + <Tooltip + class="hidden md:block shrink-0" + value={ + <div class="flex items-center gap-2"> + <span>Toggle review</span> + <span class="text-icon-base text-12-medium">{command.keybind("review.toggle")}</span> + </div> + } + > + <Button variant="ghost" class="group/review-toggle size-6 p-0" onClick={layout.review.toggle}> + <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> + <Icon + name={layout.review.opened() ? "layout-right" : "layout-left"} + size="small" + class="group-hover/review-toggle:hidden" + /> + <Icon + name={layout.review.opened() ? "layout-right-partial" : "layout-left-partial"} + size="small" + class="hidden group-hover/review-toggle:inline-block" + /> + <Icon + name={layout.review.opened() ? "layout-right-full" : "layout-left-full"} + size="small" + class="hidden group-active/review-toggle:inline-block" + /> + </div> + </Button> + </Tooltip> + </Show> <Tooltip class="hidden md:block shrink-0" value={ diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index 42e43232a..d7eaccc2a 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -226,8 +226,7 @@ export default function Page() { title: "Toggle review", description: "Show or hide the review panel", category: "View", - keybind: "mod+b", - slash: "review", + keybind: "mod+shift+r", onSelect: () => layout.review.toggle(), }, { |