From c4cca5d126fb333781adfb558b683d23b3aa323a Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sun, 4 Aug 2019 20:19:35 -0500
Subject: [PATCH] use antd layout template

---
 src/FilterLists.Web.V2/src/App.tsx | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/FilterLists.Web.V2/src/App.tsx b/src/FilterLists.Web.V2/src/App.tsx
index 4eba24811..ba8fd2e0f 100644
--- a/src/FilterLists.Web.V2/src/App.tsx
+++ b/src/FilterLists.Web.V2/src/App.tsx
@@ -1,11 +1,30 @@
+import { Layout, Menu } from 'antd';
 import React from 'react';
-import { AllListsTable } from './modules';
 import './App.css';
+import { AllListsTable } from './modules';
+
+const { Header, Content, Footer } = Layout;
 
 const App: React.FC = () => {
   return (
-    <AllListsTable></AllListsTable>
+    <Layout>
+      <Header>
+        <div className="logo" />
+        <Menu
+          theme="dark"
+          mode="horizontal"
+          style={{ lineHeight: '64px' }}
+        >
+        </Menu>
+      </Header>
+      <Content style={{ padding: '0 50px' }}>
+        <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
+          <AllListsTable></AllListsTable>
+        </div>
+      </Content>
+      <Footer style={{ textAlign: 'center' }}>©2019 Collin M. Barrett</Footer>
+    </Layout>
   );
 }
 
-export default App;
+export default App;
\ No newline at end of file