🔨 Refactor, 🧠 Overmind | common/Modals/FeedbackModal/index.js

packages/app/src/app/pages/common/Modals/FeedbackModal/index.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { useOvermind } from 'app/overmind';
+import Loadable from 'app/utils/Loadable';
+
+import { Heading, Container } from '../elements';
+
+const Feedback = Loadable(() =>
+  import(/* webpackChunkName: 'feedback' */ './Feedback')
+);
+
+export const FeedbackModal: React.FC = () => {
+  const {
+    state: {
+      user,
+      editor: { currentId },
+    },
+  } = useOvermind();
+
+  return (
+    <Container>
+      <Heading>Submit Feedback</Heading>
+
+      <Feedback user={user} id={currentId} />
+    </Container>
+  );
+};

packages/app/src/app/pages/common/Modals/index.js

@@ -15,7 +15,7 @@ import DeleteSandboxModal from './DeleteSandboxModal';
 import DeploymentModal from './DeploymentModal';
 import EmptyTrash from './EmptyTrash';
 import ExportGitHubModal from './ExportGitHubModal';
-import FeedbackModal from './FeedbackModal';
+import { FeedbackModal } from './FeedbackModal';
 import { ForkServerModal } from './ForkServerModal';
 import LiveSessionEnded from './LiveSessionEnded';
 import LiveSessionVersionMismatch from './LiveSessionVersionMismatch';