#3 Dashboard

oficina-app/src/App.css

@@ -1,16 +1,5 @@
-.site-layout-content {
+.site-layout {
   min-height: 280px;
-  padding: 24px;
+  padding: 4rem;
   background: #fff;
 }
-#components-layout-demo-top .logo {
-  float: left;
-  width: 120px;
-  height: 31px;
-  margin: 16px 24px 16px 0;
-  background: rgba(255, 255, 255, 0.3);
-}
-.ant-row-rtl #components-layout-demo-top .logo {
-  float: right;
-  margin: 16px 0 16px 24px;
-}

oficina-app/src/App.js

@@ -1,38 +1,22 @@
-import React from "react"
-import { Layout, Menu, Breadcrumb } from 'antd';
-import { Button } from 'antd';
-import { DashboardOutlined, MailOutlined } from '@ant-design/icons';
-//import { useState } from 'react';
+import React from 'react';
+import { Form, Layout } from 'antd';
+import 'antd/dist/antd.css';
 import './App.css';
 
-const { Header, Content, Footer } = Layout;
-const { SubMenu } = Menu;
+const { Content, Footer } = Layout;
 
-function App () {
-  //const [collapsed, setCollapsed] = useState(false);
+function App() {
 
-  return <Layout className="layout">
-  <Header>
-
-    <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
-      <Button type="primary" shape="round" icon={<MailOutlined />} style={{ margin: '0 50px' }} size={10}>
-        Agendar Serviço
-      </Button>
-      <Button type="primary" shape="round" icon={<DashboardOutlined />} size={10}>
-        Administração
-      </Button>
-    </Menu>
-  </Header>
-  <Content style={{ padding: '0 50px' }}>
-    <Breadcrumb style={{ margin: '16px 0' }}>
-      <Breadcrumb.Item>Home</Breadcrumb.Item>
-      <Breadcrumb.Item>List</Breadcrumb.Item>
-      <Breadcrumb.Item>App</Breadcrumb.Item>
-    </Breadcrumb>
-    <div className="site-layout-content">Content</div>
-  </Content>
-  <Footer style={{ textAlign: 'center' }}>Ant Design ©2021 Created by Ant UED</Footer>
-</Layout>
+  return (
+    <Layout className="site-layout">
+      <Content style={{ margin: '0 16px' }}>
+        <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
+          Oficina.
+        </div>
+      </Content>
+      <Footer style={{ textAlign: 'center' }}>©2021 Created by Jorge Morais</Footer>
+    </Layout>
+  );
 }
 
-export default App
+export default App;

oficina-app/src/index.js

@@ -1,15 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './components/App';
-import { ConfigProvider } from 'antd';
-import ptBR from 'antd/lib/locale/pt_BR';
+import Nav from './components/Nav';
+import App from './App';
+import Admin from './components/Administrator/Administrator'
+import './App.css';
 import 'antd/dist/antd.css';
+import { BrowserRouter, Switch, Route } from 'react-router-dom'
 
 ReactDOM.render(
-  <React.StrictMode>
-    <ConfigProvider locale={ptBR}>
-      <App />
-    </ConfigProvider>
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+  <BrowserRouter>
+    <Nav />
+    <Switch>
+      <Route path="/" exact={true} component={App} />
+      <Route path="/administrators" component={Admin} />
+    </Switch>
+  </ BrowserRouter>
+  , document.getElementById('root'));