Refactor /Sandbox/Editor/Workspace/Dependencies/AddVersion (codesandbox#2768)

Author: Ravi Soni

packages/app/src/app/overmind/actions.ts

@@ -73,6 +73,7 @@ type ModalName =
   | 'preferences'
   | 'privacyServerWarning'
   | 'share'
+  | 'searchDependencies'
   | 'signInForTemplates';
 export const modalOpened: Action<{ modal: ModalName; message?: string }> = (
   { state, effects },

…rkspace/Dependencies/AddVersion/index.js …kspace/Dependencies/AddVersion/index.tsxpackages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.js renamed to packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.tsx packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.js renamed to packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.tsx

@@ -1,19 +1,22 @@
 import React from 'react';
-import { inject, hooksObserver } from 'app/componentConnectors';
+import { useOvermind } from 'app/overmind';
 
 import { Button } from '@codesandbox/common/lib/components/Button';
 
 import { ButtonContainer } from './elements';
 
-function AddVersion({ signals, children }) {
+export const AddVersion: React.FC = ({ children }) => {
+  const {
+    actions: { modalOpened },
+  } = useOvermind();
   return (
     <div style={{ position: 'relative' }}>
       <ButtonContainer>
         <Button
           block
           small
           onClick={() =>
-            signals.modalOpened({
+            modalOpened({
               modal: 'searchDependencies',
             })
           }
@@ -23,6 +26,4 @@ function AddVersion({ signals, children }) {
       </ButtonContainer>
     </div>
   );
-}
-
-export default inject('signals')(hooksObserver(AddVersion));
+};

packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/index.tsx

@@ -6,7 +6,7 @@ import React, { FunctionComponent } from 'react';
 import { useOvermind } from 'app/overmind';
 import { WorkspaceSubtitle } from '../elements';
 
-import AddVersion from './AddVersion';
+import { AddVersion } from './AddVersion';
 import { VersionEntry } from './VersionEntry';
 import AddResource from './AddResource';
 import ExternalResource from './ExternalResource';