Add React TS to menu

Author: Ives van Hoorne

src/app/pages/Sandbox/Editor/Content/Header/NewSandboxMenu.js

@@ -11,6 +11,7 @@ import {
   newVueSandboxUrl,
   importFromGitHubUrl,
   uploadFromCliUrl,
+  newReactTypeScriptSandboxUrl,
 } from 'app/utils/url-generator';
 
 const Container = styled.div`
@@ -32,6 +33,12 @@ export default () => (
     <Link style={{ textDecoration: 'none' }} to={newSandboxUrl()}>
       <MenuItem>New React Sandbox</MenuItem>
     </Link>
+    <Link
+      style={{ textDecoration: 'none' }}
+      to={newReactTypeScriptSandboxUrl()}
+    >
+      <MenuItem>New React TypeScript Sandbox</MenuItem>
+    </Link>
     <Link style={{ textDecoration: 'none' }} to={newPreactSandboxUrl()}>
       <MenuItem>New Preact Sandbox</MenuItem>
     </Link>

src/app/pages/Sandbox/Editor/Content/index.js

@@ -173,7 +173,7 @@ class EditorPreview extends React.PureComponent<Props, State> {
           sandboxId={sandbox.id}
           dependencies={sandbox.npmDependencies}
           setCurrentModule={sandboxActions.setCurrentModule}
-          addDependency={sandboxActions.addNPMDependency}
+          addDependency={sandbox.owned && sandboxActions.addNPMDependency}
           template={sandbox.template}
         />
       </FullSize>

src/app/utils/url-generator.js

@@ -19,6 +19,7 @@ export const host = () => {
 export const protocolAndHost = () => `${location.protocol}//${host()}`;
 
 export const newSandboxUrl = () => `/s/new`;
+export const newReactTypeScriptSandboxUrl = () => `/s/react-ts`;
 export const newPreactSandboxUrl = () => `/s/preact`;
 export const newVueSandboxUrl = () => `/s/vue`;
 export const importFromGitHubUrl = () => `/s/github`;