From 10b6c5091ef2307963e61fb035e27e7384e8850f Mon Sep 17 00:00:00 2001
From: Ravi Soni <soniravi829@gmail.com>
Date: Mon, 14 Oct 2019 00:47:48 +0530
Subject: [PATCH] Refactor /Sandbox/Editor/Workspace/Dependencies/AddVersion

---
 packages/app/src/app/overmind/actions.ts            |  1 +
 .../Dependencies/AddVersion/{index.js => index.tsx} | 13 +++++++------
 .../Sandbox/Editor/Workspace/Dependencies/index.tsx |  2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)
 rename packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/{index.js => index.tsx} (68%)

diff --git a/packages/app/src/app/overmind/actions.ts b/packages/app/src/app/overmind/actions.ts
index c2ebf259c1a..c5408e282d7 100755
--- a/packages/app/src/app/overmind/actions.ts
+++ b/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 },
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.js b/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.tsx
similarity index 68%
rename from packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.js
rename to packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.tsx
index 22d46da04f8..d6279f0a687 100644
--- a/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.js
+++ b/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddVersion/index.tsx
@@ -1,11 +1,14 @@
 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>
@@ -13,7 +16,7 @@ function AddVersion({ signals, children }) {
           block
           small
           onClick={() =>
-            signals.modalOpened({
+            modalOpened({
               modal: 'searchDependencies',
             })
           }
@@ -23,6 +26,4 @@ function AddVersion({ signals, children }) {
       </ButtonContainer>
     </div>
   );
-}
-
-export default inject('signals')(hooksObserver(AddVersion));
+};
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/index.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/index.tsx
index 64ea6d20bea..8c768eabed8 100644
--- a/packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/index.tsx
+++ b/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';