Skip to content

Commit 34b19eb

Browse files
committed
refactor: reorganize MainMenu structure and update item titles
- Removed the Canvas Backups item and replaced it with a Load backup... option for clarity. - Introduced a new View group in the MainMenu, consolidating related items such as Toggle grid, View mode, and Zen mode for better organization.
1 parent da9293e commit 34b19eb

File tree

1 file changed

+26
-25
lines changed

1 file changed

+26
-25
lines changed

src/frontend/src/ui/MainMenu.tsx

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -150,36 +150,13 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
150150
icon={<ArchiveRestore />}
151151
onClick={handleCanvasBackupsClick}
152152
>
153-
Canvas Backups
154-
</MainMenu.Item>
155-
</MainMenu.Group>
156-
157-
<MainMenu.Separator />
158-
159-
<MainMenu.Group title="Canvas">
160-
<MainMenu.Item
161-
icon={<Grid2x2 />}
162-
onClick={handleGridToggle}
163-
>
164-
Toggle Grid
165-
</MainMenu.Item>
166-
<MainMenu.Item
167-
icon={<Eye />}
168-
onClick={handleViewModeToggle}
169-
>
170-
View Mode
171-
</MainMenu.Item>
172-
<MainMenu.Item
173-
icon={<Coffee />}
174-
onClick={handleZenModeToggle}
175-
>
176-
Zen Mode
153+
Load backup...
177154
</MainMenu.Item>
178155
<MainMenu.DefaultItems.ClearCanvas />
179156
</MainMenu.Group>
180157

181158
<MainMenu.Separator />
182-
159+
183160
<MainMenu.Group title="Tools">
184161
<MainMenu.Item
185162
icon={<SquareCode />}
@@ -209,6 +186,30 @@ export const MainMenuConfig: React.FC<MainMenuConfigProps> = ({
209186

210187
<MainMenu.Separator />
211188

189+
<MainMenu.Group title="View">
190+
<MainMenu.Item
191+
icon={<Grid2x2 />}
192+
onClick={handleGridToggle}
193+
>
194+
Toggle grid
195+
</MainMenu.Item>
196+
<MainMenu.Item
197+
icon={<Eye />}
198+
onClick={handleViewModeToggle}
199+
>
200+
View mode
201+
</MainMenu.Item>
202+
<MainMenu.Item
203+
icon={<Coffee />}
204+
onClick={handleZenModeToggle}
205+
>
206+
Zen mode
207+
</MainMenu.Item>
208+
209+
</MainMenu.Group>
210+
211+
<MainMenu.Separator />
212+
212213
<MainMenu.Item
213214
icon={<LogOut />}
214215
onClick={async () => {

0 commit comments

Comments
 (0)