• Johnny's avatar
    feat(web): add Focus Mode UI entry in Insert Menu · 35711880
    Johnny authored
    Add discoverable UI entry point for Focus Mode via Insert Menu submenu:
    
    UI Changes:
    - Add "View" submenu to Insert Menu (+ button dropdown)
    - Nested menu with Focus Mode option (ChatGPT-style pattern)
    - Display keyboard shortcut hint (⌘⇧F) next to menu item
    - Uses DropdownMenuSub components from Radix UI
    
    User Access Methods:
    1. Keyboard: Cmd/Ctrl+Shift+F (primary, power users)
    2. Mouse: + menu → View → Focus Mode (discoverable)
    3. Mobile: Touch-friendly menu access
    
    Benefits:
    - Improves discoverability for new users
    - Doesn't clutter main editor UI
    - Educates users about keyboard shortcut
    - Extensible for future view options (typewriter, reading mode, etc.)
    - Follows familiar UI patterns (ChatGPT, Notion)
    
    Files Modified:
    - web/src/components/MemoEditor/ActionButton/InsertMenu.tsx
      * Add DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent
      * Add View submenu with Focus Mode entry
      * Add onToggleFocusMode prop
    - web/src/components/MemoEditor/index.tsx
      * Pass toggleFocusMode to InsertMenu component
    - web/src/locales/en.json
      * Add "editor.view" translation key
    35711880
Name
Last commit
Last update
..
ActivityCalendar Loading commit data...
ConfirmDialog Loading commit data...
Inbox Loading commit data...
MasonryView Loading commit data...
MemoContent Loading commit data...
MemoDetailSidebar Loading commit data...
MemoEditor Loading commit data...
MemoExplorer Loading commit data...
MemoRelationForceGraph Loading commit data...
PagedMemoList Loading commit data...
Settings Loading commit data...
StatisticsView Loading commit data...
kit Loading commit data...
memo-metadata Loading commit data...
ui Loading commit data...
AttachmentIcon.tsx Loading commit data...
AuthFooter.tsx Loading commit data...
ChangeMemberPasswordDialog.tsx Loading commit data...
CreateAccessTokenDialog.tsx Loading commit data...
CreateIdentityProviderDialog.tsx Loading commit data...
CreateShortcutDialog.tsx Loading commit data...
CreateUserDialog.tsx Loading commit data...
CreateWebhookDialog.tsx Loading commit data...
DateTimeInput.tsx Loading commit data...
Empty.tsx Loading commit data...
LeafletMap.tsx Loading commit data...
LearnMore.tsx Loading commit data...
LocaleSelect.tsx Loading commit data...
MemoActionMenu.tsx Loading commit data...
MemoAttachment.tsx Loading commit data...
MemoDisplaySettingMenu.tsx Loading commit data...
MemoFilters.tsx Loading commit data...
MemoReactionListView.tsx Loading commit data...
MemoResource.tsx Loading commit data...
MemoSkeleton.tsx Loading commit data...
MemoView.tsx Loading commit data...
MemosLogo.tsx Loading commit data...
MobileHeader.tsx Loading commit data...
Navigation.tsx Loading commit data...
NavigationDrawer.tsx Loading commit data...
PasswordSignInForm.tsx Loading commit data...
PreviewImageDialog.tsx Loading commit data...
ReactionSelector.tsx Loading commit data...
ReactionView.tsx Loading commit data...
RequiredBadge.tsx Loading commit data...
SearchBar.tsx Loading commit data...
TagTree.tsx Loading commit data...
ThemeSelect.tsx Loading commit data...
UpdateAccountDialog.tsx Loading commit data...
UpdateCustomizedProfileDialog.tsx Loading commit data...
UserAvatar.tsx Loading commit data...
UserMenu.tsx Loading commit data...
VisibilityIcon.tsx Loading commit data...