tnb (#2204)

Author: buckyroberts

src/containers/App.tsx

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  align-items: center;
+  background: black;
+  display: flex;
+  height: 100vh;
+  justify-content: center;
+`;
+
+export const Red = styled.span`
+  color: #dd0d15;
+`;
+
+export const Unite = styled.div`
+  color: white;
+  font-family: var(--font-family-mono);
+  font-size: 26px;
+`;

src/containers/App/Styles.ts

@@ -0,0 +1,15 @@
+import React, {FC} from 'react';
+
+import * as S from './Styles';
+
+const App: FC = () => {
+  return (
+    <S.Container>
+      <S.Unite>
+        U<S.Red>n</S.Red>ite.
+      </S.Unite>
+    </S.Container>
+  );
+};
+
+export default App;

src/containers/App/index.tsx

@@ -5,8 +5,6 @@ import 'raf/polyfill';
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import {Flip, ToastContainer} from 'react-toastify';
-import {HelmetProvider} from 'react-helmet-async';
 import {Provider} from 'react-redux';
 import store from 'store';
 
@@ -20,21 +18,7 @@ import App from 'containers/App';
 ReactDOM.render(
   <Provider store={store}>
     <React.StrictMode>
-      <HelmetProvider>
-        <App />
-      </HelmetProvider>
-      <ToastContainer
-        autoClose={3000}
-        closeOnClick
-        draggable
-        hideProgressBar
-        newestOnTop
-        pauseOnFocusLoss
-        pauseOnHover
-        position="top-right"
-        rtl={false}
-        transition={Flip}
-      />
+      <App />
     </React.StrictMode>
   </Provider>,
   document.getElementById('root'),