Move width + height onto the workspace instead of the viewport

__tests__/src/components/WorkspaceElastic.test.js

@@ -10,11 +10,11 @@ function createWrapper(props) {
       windows={{}}
       workspace={{
         focusedWindowId: 2,
+        width: 5000,
+        height: 5000,
         viewportPosition: {
           x: 20,
           y: 20,
-          width: 5000,
-          height: 5000,
         },
       }}
       setWorkspaceViewportPosition={() => {}}

src/components/WorkspaceElastic.js

@@ -22,15 +22,15 @@ class WorkspaceElastic extends React.Component {
     } = this.props;
 
     const { viewportPosition } = workspace;
-    const offsetX = viewportPosition.width / 2;
-    const offsetY = viewportPosition.height / 2;
+    const offsetX = workspace.width / 2;
+    const offsetY = workspace.height / 2;
 
     return (
       <div style={{ position: 'relative', width: '100%', height: '100%' }}>
         <Rnd
           default={{
-            width: viewportPosition.width,
-            height: viewportPosition.height,
+            width: workspace.width,
+            height: workspace.height,
           }}
           position={{
             x: viewportPosition.x - offsetX, y: viewportPosition.y - offsetY,

src/state/reducers/workspace.js

@@ -8,9 +8,9 @@ export const workspaceReducer = (
     viewportPosition: {
       x: 0,
       y: 0,
+    },
     width: 5000,
     height: 5000,
-    },
     exposeModeOn: false,
   },
   action,