From 131a0b23f5b2bc538991f5b0da900fb41b8e99e1 Mon Sep 17 00:00:00 2001
From: Anatoly <akopyl@radner.ru>
Date: Sat, 19 Mar 2022 20:01:58 +0300
Subject: [PATCH] Disclamer

---
 app/components/Footer.js | 21 +++++++++++++++++++--
 app/pages/_app.js        |  6 ++++--
 app/pages/home/Table.js  | 13 +++++++++++--
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/app/components/Footer.js b/app/components/Footer.js
index bc0f971..1a041b5 100644
--- a/app/components/Footer.js
+++ b/app/components/Footer.js
@@ -1,5 +1,5 @@
 import { Component } from 'react'
-import { Box } from '@mui/material'
+import { Box, Typography, Link } from '@mui/material'
 
 export default class Footer extends Component {
   render () {
@@ -9,7 +9,24 @@ export default class Footer extends Component {
           p: 12
         }}
       >
-        Warframe Center is not associated with Digital Extremes
+        All data is collected from the&nbsp;
+        <Link
+          href='https://warframe.market/api_docs'
+          target='_blank'
+          rel='noreferrer'
+        >
+          Warframe Market API
+        </Link>
+
+        <Typography variant='h6'>DISCLAIMER</Typography>
+        <Box
+          sx={{
+            fontSize: 12,
+            lineHeight: 'normal'
+          }}
+        >
+          Digital Extremes Ltd, Warframe and the logo Warframe are registered trademarks. All rights are reserved worldwide. This site has no official link with Digital Extremes Ltd or Warframe. All artwork, screenshots, characters or other recognizable features of the intellectual property relating to these trademarks are likewise the intellectual property of Digital Extremes Ltd.
+        </Box>
       </Box>
     )
   }
diff --git a/app/pages/_app.js b/app/pages/_app.js
index 8c88394..0b9ccc0 100644
--- a/app/pages/_app.js
+++ b/app/pages/_app.js
@@ -1,17 +1,19 @@
 import { createTheme, ThemeProvider } from '@mui/material/styles'
+import { CssBaseline } from '@mui/material'
 import 'reset-css'
 import '../styles/global.scss'
 import Layout from '../components/layout'
 
 function App ({ Component, pageProps }) {
-  const lightTheme = createTheme({
+  const theme = createTheme({
     palette: {
       mode: 'light'
     }
   })
 
   return (
-    <ThemeProvider theme={lightTheme}>
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
       <Layout>
         <Component {...pageProps} />
       </Layout>
diff --git a/app/pages/home/Table.js b/app/pages/home/Table.js
index 176f55a..dd1f663 100644
--- a/app/pages/home/Table.js
+++ b/app/pages/home/Table.js
@@ -67,7 +67,12 @@ export default class Table extends Component {
 
   render () {
     return (
-      <div style={{ height: '90vh', width: '100%' }}>
+      <Box
+        sx={{
+          height: '90vh',
+          width: '100%'
+        }}
+      >
         <DataGrid
           rows={this.scanResults}
           columns={this.columns}
@@ -77,8 +82,12 @@ export default class Table extends Component {
               sortModel: [{ field: 'difference', sort: 'desc' }]
             }
           }}
+          sx={{
+            borderLeft: 'none',
+            borderRight: 'none'
+          }}
         />
-      </div>
+      </Box>
     )
   }
 }