Add reset view to view dropdown in EditorMenu

Related to #360

app/web/src/helpers/hooks/useIdeState.js

@@ -47,6 +47,16 @@ let mutableState = null
 
 export const useIdeState = () => {
   const code = ''
+  const initialLayout = {
+    direction: 'row',
+    first: 'Editor',
+    second: {
+      direction: 'column',
+      first: 'Viewer',
+      second: 'Console',
+      splitPercentage: 70,
+    },
+  }
   const initialState = {
     ideType: 'INIT',
     consoleMessages: [
@@ -57,16 +67,7 @@ export const useIdeState = () => {
       type: 'INIT',
       data: null,
     },
-    layout: {
-      direction: 'row',
-      first: 'Editor',
-      second: {
-        direction: 'column',
-        first: 'Viewer',
-        second: 'Console',
-        splitPercentage: 70,
-      },
-    },
+    layout: initialLayout,
     camera: {},
     viewerSize: { width: 0, height: 0 },
     isLoading: false,
@@ -129,6 +130,11 @@ export const useIdeState = () => {
           ...state,
           isLoading: false,
         }
+      case 'resetLayout':
+        return {
+          ...state,
+          layout: initialLayout,
+        }
       default:
         return state
     }