reogranizing

apps/explorer/src/app/App.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import App from './App';
 

apps/explorer/src/app/app.tsx

@@ -1,11 +1,32 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import styles from './app.module.scss';
+import './App.scss';
 
-import { Route, Link } from 'react-router-dom';
-import App2 from './src/App';
+import { ApolloProvider } from '@apollo/client';
 
-export function App() {
-  return <App2 />;
+import { createClient } from './lib/apollo-client';
+import { Nav } from './components/nav';
+import { Footer } from './components/footer';
+import { Header } from './components/header';
+import { Main } from './components/main';
+import React from 'react';
+import { DATA_SOURCES } from './config';
+import { TendermintWebsocketProvider } from './contexts/websocket/tendermint-websocket-provider';
+
+function App() {
+  const [client] = React.useState(createClient(DATA_SOURCES.dataNodeUrl));
+  return (
+    <TendermintWebsocketProvider>
+      <ApolloProvider client={client}>
+        <div className="app">
+          <div className="template-sidebar">
+            <Nav />
+            <Header />
+            <Main />
+            <Footer />
+          </div>
+        </div>
+      </ApolloProvider>
+    </TendermintWebsocketProvider>
+  );
 }
 
 export default App;

apps/explorer/src/app/src/App.tsx

@@ -1,33 +0,0 @@
-import './App.scss';
-
-import { ApolloProvider } from '@apollo/client';
-
-import { createClient } from './lib/apollo-client';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Nav } from './components/nav';
-import { Footer } from './components/footer';
-import { Header } from './components/header';
-import { Main } from './components/main';
-import React from 'react';
-import { DATA_SOURCES } from './config';
-import { TendermintWebsocketProvider } from './contexts/websocket/tendermint-websocket-provider';
-
-function App() {
-  const [client] = React.useState(createClient(DATA_SOURCES.dataNodeUrl));
-  return (
-    <TendermintWebsocketProvider>
-      <ApolloProvider client={client}>
-        <div className="app">
-          <div className="template-sidebar">
-            <Nav />
-            <Header />
-            <Main />
-            <Footer />
-          </div>
-        </div>
-      </ApolloProvider>
-    </TendermintWebsocketProvider>
-  );
-}
-
-export default App;

apps/explorer/src/app/src/index.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);

apps/explorer/src/main.tsx

@@ -2,7 +2,7 @@ import { StrictMode } from 'react';
 import * as ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 
-import App from './app/app';
+import App from './app/App';
 
 ReactDOM.render(
   <StrictMode>