chore: update top-level routing to views and demo data loading

Author: muselesscreator

src/routes/index.jsx renamed to src/App.jsx

@@ -2,8 +2,8 @@ import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { ErrorPage } from '@edx/frontend-platform/react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import Assessment from './assessment';
-import Submission from './submission';
+import AssessmentView from 'views/AssessmentView';
+import SubmissionView from 'views/SubmissionView';
 import messages from './messages';
 
 const RouterRoot = () => {
@@ -13,10 +13,10 @@ const RouterRoot = () => {
     <Router>
       <Switch>
         <Route path="/assessment/:id">
-          <Assessment />
+          <AssessmentView />
         </Route>
         <Route path="/submission/:id">
-          <Submission />
+          <SubmissionView />
         </Route>
         <Route path="/*">
           <ErrorPage message={formatMessage(messages.error404Message)} />

src/index.jsx

@@ -1,21 +1,29 @@
 import 'core-js/stable';
 import 'regenerator-runtime/runtime';
 
+import { QueryClient, QueryClientProvider } from 'react-query';
+
 import {
   APP_INIT_ERROR, APP_READY, subscribe, initialize,
 } from '@edx/frontend-platform';
 import { AppProvider, ErrorPage } from '@edx/frontend-platform/react';
 import ReactDOM from 'react-dom';
-import RouterRoot from './routes';
+import App from './App';
 
 import messages from './i18n';
 
 import './index.scss';
 
+const queryClient = new QueryClient({
+  queries: { retry: false },
+});
+
 subscribe(APP_READY, () => {
   ReactDOM.render(
     <AppProvider>
-      <RouterRoot />
+      <QueryClientProvider client={queryClient}>
+        <App />
+      </QueryClientProvider>
     </AppProvider>,
     document.getElementById('root'),
   );

src/routes/messages.js renamed to src/messages.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useORAConfigData, useSubmissionData } from 'data/services/lms/hooks/selectors';
+
+export const AssessmentView = () => {
+  const configData = useORAConfigData();
+  const submissionData = useSubmissionData();
+  console.log({
+    configData,
+    submissionData,
+  });
+  return (
+    <h1>Assessment</h1>
+  );
+};
+
+export default AssessmentView;

src/routes/assessment/index.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useORAConfigData, useSubmissionData } from 'data/services/lms/hooks/selectors';
+
+export const AssessmentView = () => {
+  const configData = useORAConfigData();
+  const submissionData = useSubmissionData();
+  console.log({
+    configData,
+    submissionData,
+  });
+  return (
+    <h1>Submission</h1>
+  );
+};
+
+export default AssessmentView;