refactor SignOutNoticeModal

Author: NileshPatel17

packages/app/src/app/pages/Sandbox/SignOutNoticeModal/elements.js renamed to packages/app/src/app/pages/Sandbox/SignOutNoticeModal/elements.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import { inject, observer } from 'app/componentConnectors';
+import { useOvermind } from 'app/overmind';
 
 import { Button } from '@codesandbox/common/lib/components/Button';
 import Row from '@codesandbox/common/lib/components/flex/Row';
 
 import { Container, Heading, Explanation } from './elements';
 
-function SignOutNotice({ signals }) {
+export const SignOutNotice = () => {
+  const {
+    actions: { modalClosed, signInClicked },
+  } = useOvermind();
   return (
     <Container>
       <Heading>You have been signed out</Heading>
@@ -25,21 +28,19 @@ function SignOutNotice({ signals }) {
           style={{ marginRight: '.5rem' }}
           red
           onClick={() => {
-            signals.modalClosed();
+            modalClosed();
           }}
         >
           Close
         </Button>
         <Button
           block
           style={{ marginLeft: '.5rem' }}
-          onClick={() => signals.signInClicked({ useExtraScopes: false })}
+          onClick={() => signInClicked({ useExtraScopes: false })}
         >
           Sign in
         </Button>
       </Row>
     </Container>
   );
 }
-
-export default inject('store', 'signals')(observer(SignOutNotice));