types safety added

Author: avin_kumar

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

@@ -85,7 +85,7 @@ export const modalOpened: Action<{ modal: ModalName; message?: string }> = (
   state.currentModal = modal;
 };
 
-export const modalClosed: Action = ({ state, effects }) => {
+export const modalClosed: Action<any> = ({ state, effects }) => {
   // We just start it whenever it closes, if already started nothing happens
   if (state.currentModal === 'preferences') {
     effects.keybindingManager.start();

…app/src/app/pages/common/Modals/index.js …pp/src/app/pages/common/Modals/index.tsxpackages/app/src/app/pages/common/Modals/index.js renamed to packages/app/src/app/pages/common/Modals/index.tsx packages/app/src/app/pages/common/Modals/index.js renamed to packages/app/src/app/pages/common/Modals/index.tsx

@@ -140,9 +140,9 @@ const modals = {
   },
 };
 
-const Modals = () => {
+const Modals: React.FC = () => {
   const {
-    actions: { modalClosed },
+    actions,
     state: {
       editor: { currentSandbox },
       preferences: {
@@ -195,16 +195,15 @@ const Modals = () => {
       <Modal
         isOpen={Boolean(modal)}
         width={modal && modal.width}
-        onClose={isKeyDown => modalClosed({ isKeyDown })}
+        onClose={isKeyDown => actions.modalClosed({ isKeyDown })}
       >
         {modal
           ? React.createElement(modal.Component, {
-              closeModal: () => modalClosed({ isKeyDown: false }),
+              closeModal: () => actions.modalClosed({ isKeyDown: false }),
             })
           : null}
       </Modal>
     </ThemeProvider>
   );
 };
-export default Modals;
-// export default inject('store', 'signals')(observer(Modals));
+export { Modals };

packages/app/src/app/pages/index.tsx

@@ -11,7 +11,7 @@ import Loadable from 'app/utils/Loadable';
 import { useOvermind } from 'app/overmind';
 import { ErrorBoundary } from './common/ErrorBoundary';
 import HTML5Backend from './common/HTML5BackendWithFolderSupport';
-import Modals from './common/Modals';
+import { Modals } from './common/Modals';
 import Sandbox from './Sandbox';
 import { NewSandbox } from './NewSandbox';
 import Dashboard from './Dashboard';