1 files changed, 33 insertions, 7 deletions
diff --git a/src/App.js b/src/App.js
index b890840..21e9763 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,16 +1,42 @@
-import './App.css'
+import SignIn from './signin.js';
+import Container from '@material-ui/core/Container';
+import Grid from '@material-ui/core/Grid';
+import RuzList from './RuzList.js';
+//import RuzSearch from './RuzSearch.js';
+import { makeStyles, ThemeProvider, useTheme, createMuiTheme } from '@material-ui/core/styles';
 
 import React, {Component} from 'react'
 
+const theme = createMuiTheme({
+  palette: {
+    type: 'dark',
+    background: {
+      paper: '#121212',
+      default: '#121212',
+    },
+    primary: {
+      main: '#BB86FC',
+    },
+    secondary: {
+      main: '#03DAC6',
+    },
+  }
+});
+
 class App extends Component {
   render() {
-    return <div className="App">
-      <div className="App-heading App-flex">
-        <h2>Welcome to <span className="App-react">React</span></h2>
-      </div>
+    return <div className="">
+      <ThemeProvider theme={theme}>
+      <Grid container spacing={0}>
+        <Grid item xs={12} md={6} lg={6}>
+          <RuzList />
+        </Grid>
+        <Grid item xs={12} md={6} lg={6}>
+          {/* <SignIn /> */}
+        </Grid>
+      </Grid>
+      </ThemeProvider>
       <div className="App-instructions App-flex">
-        <img className="App-logo" src={require('./react.svg')}/>
-        <p>Edit <code>src/App.js</code> and save to hot reload your changes.</p>
       </div>
     </div>
   }