diff options
Diffstat (limited to 'packages/app/src/components/session')
| -rw-r--r-- | packages/app/src/components/session/session-header.tsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index 90daa971d..8480e6060 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -281,6 +281,32 @@ export function SessionHeader() { </TooltipKeybind> </div> <div class="hidden md:block shrink-0"> + <Tooltip value="Toggle file tree" placement="bottom"> + <Button + variant="ghost" + class="group/file-tree-toggle size-5 p-0" + onClick={() => { + const opening = !layout.fileTree.opened() + if (opening && !view().reviewPanel.opened()) view().reviewPanel.open() + layout.fileTree.toggle() + }} + aria-label="Toggle file tree" + aria-expanded={layout.fileTree.opened()} + > + <div class="relative flex items-center justify-center size-4"> + <Icon + size="small" + name="bullet-list" + classList={{ + "text-icon-strong": layout.fileTree.opened(), + "text-icon-weak": !layout.fileTree.opened(), + }} + /> + </div> + </Button> + </Tooltip> + </div> + <div class="hidden md:block shrink-0"> <TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}> <Button variant="ghost" |