From fa2bec7f064e152b9f846fa89debf299aaf453f4 Mon Sep 17 00:00:00 2001
From: Oleg Isonen <oleg008@gmail.com>
Date: Mon, 9 May 2022 22:00:50 +0200
Subject: [PATCH 1/2] skip when breakpoint isn't found over project, it must
 created by newer version

---
 mongo-migrations/published-breakpoints.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/mongo-migrations/published-breakpoints.js b/mongo-migrations/published-breakpoints.js
index 8af778a63d..c1be36caf7 100644
--- a/mongo-migrations/published-breakpoints.js
+++ b/mongo-migrations/published-breakpoints.js
@@ -6,6 +6,7 @@ let migrateBreakpoints = () => {
     print(`updating breakpoints for ${project._id}`);
     try {
       const breakpoint = db.Breakpoints.findOne({ _id: project._id });
+      if (breakpoint === null) return;
       breakpoint._id = project.devTreeId;
       db.Breakpoints.insertOne(breakpoint);
       db.Breakpoints.remove({ _id: project._id }, true);

From 30ece8379fa790e7a34e3c43f40c4c0f62e30605 Mon Sep 17 00:00:00 2001
From: Oleg Isonen <oleg008@gmail.com>
Date: Tue, 10 May 2022 00:30:39 +0200
Subject: [PATCH 2/2] remove icons from the menu for a cleaner look

---
 app/designer/features/topbar/menu/menu.tsx | 32 +++-------------------
 1 file changed, 4 insertions(+), 28 deletions(-)

diff --git a/app/designer/features/topbar/menu/menu.tsx b/app/designer/features/topbar/menu/menu.tsx
index bd9271538b..42349cf10e 100644
--- a/app/designer/features/topbar/menu/menu.tsx
+++ b/app/designer/features/topbar/menu/menu.tsx
@@ -9,21 +9,7 @@ import {
   IconButton,
   Text,
 } from "~/shared/design-system";
-import {
-  HamburgerMenuIcon,
-  DashboardIcon,
-  EyeOpenIcon,
-  Share1Icon,
-  RocketIcon,
-  UndoIcon,
-  RedoIcon,
-  TrashIcon,
-  ClipboardCopyIcon,
-  CopyIcon,
-  ZoomInIcon,
-  ZoomOutIcon,
-  DevicesIcon,
-} from "~/shared/icons";
+import { HamburgerMenuIcon } from "~/shared/icons";
 import type { Config } from "~/config";
 import { ShortcutHint } from "./shortcut-hint";
 import {
@@ -37,6 +23,7 @@ const menuItemCss = {
   gap: "$3",
   justifyContent: "start",
   flexGrow: 1,
+  minWidth: 140,
 };
 
 const textCss = {
@@ -68,7 +55,7 @@ export const Menu = ({ config, publish }: MenuProps) => {
             navigate(config.dashboardPath);
           }}
         >
-          <DashboardIcon /> Dashboard
+          <Text css={textCss}>Dashboard</Text>
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem
@@ -80,7 +67,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <UndoIcon />
           <Text css={textCss}>Undo</Text>
           <ShortcutHint value={["cmd", "z"]} />
         </DropdownMenuItem>
@@ -93,7 +79,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <RedoIcon />
           <Text css={textCss}>Redo</Text>
           <ShortcutHint value={["shift", "cmd", "z"]} />
         </DropdownMenuItem>
@@ -107,7 +92,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <CopyIcon />
           <Text css={textCss}>Copy</Text>
           <ShortcutHint value={["cmd", "c"]} />
         </DropdownMenuItem>
@@ -120,7 +104,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <ClipboardCopyIcon />
           <Text css={textCss}>Paste</Text>
           <ShortcutHint value={["cmd", "v"]} />
         </DropdownMenuItem>
@@ -133,7 +116,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <TrashIcon />
           <Text css={textCss}>Delete</Text>
           <ShortcutHint value={["backspace"]} />
         </DropdownMenuItem>
@@ -144,7 +126,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             publish({ type: "openBreakpointsMenu" });
           }}
         >
-          <DevicesIcon />
           <Text css={textCss}>Breakpoints</Text>
           <ShortcutHint value={["cmd", "b"]} />
         </DropdownMenuItem>
@@ -157,9 +138,8 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <ZoomInIcon />
           <Text css={textCss}>Zoom in</Text>
-          <ShortcutHint value={["cmd", "="]} />
+          <ShortcutHint value={["cmd", "+"]} />
         </DropdownMenuItem>
         <DropdownMenuItem
           css={menuItemCss}
@@ -170,7 +150,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <ZoomOutIcon />
           <Text css={textCss}>Zoom out</Text>
           <ShortcutHint value={["cmd", "-"]} />
         </DropdownMenuItem>
@@ -183,7 +162,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             });
           }}
         >
-          <EyeOpenIcon />
           <Text css={textCss}>Preview</Text>
           <ShortcutHint value={["cmd", "shift", "p"]} />
         </DropdownMenuItem>
@@ -193,7 +171,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             setIsShareOpen(true);
           }}
         >
-          <Share1Icon />
           <Text css={textCss}>Share</Text>
         </DropdownMenuItem>
         <DropdownMenuItem
@@ -202,7 +179,6 @@ export const Menu = ({ config, publish }: MenuProps) => {
             setIsPublishOpen(true);
           }}
         >
-          <RocketIcon />
           <Text css={textCss}>Publish</Text>
         </DropdownMenuItem>
         <DropdownMenuArrow offset={10} />