From 145e07859101cea857b3b7ec0cd29c53cb927d63 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sun, 1 Sep 2019 09:34:03 -0500
Subject: [PATCH] add Twitter and icons to footer links

---
 src/FilterLists.Web.V2/src/App.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/FilterLists.Web.V2/src/App.tsx b/src/FilterLists.Web.V2/src/App.tsx
index c56bff830..83aaac918 100644
--- a/src/FilterLists.Web.V2/src/App.tsx
+++ b/src/FilterLists.Web.V2/src/App.tsx
@@ -1,4 +1,4 @@
-import { Layout, Menu } from 'antd';
+import { Icon, Layout, Menu } from 'antd';
 import React from 'react';
 import { BrowserRouter as Router, Route, RouteComponentProps, Switch } from 'react-router-dom';
 
@@ -22,7 +22,7 @@ export const App: React.FC = () =>
         </div>
       </Content>
       <Footer style={{ textAlign: 'center' }}>
-        <CopyrightAuthor /> | <Community /> | <GitHub /> | <Api /> | <Donate />
+        <CopyrightAuthor /> | <Twitter /> | <Community /> | <GitHub /> | <Api /> | <Donate />
       </Footer>
     </Layout>
   </Router>;
@@ -48,30 +48,37 @@ const CopyrightAuthor = () =>
     </a>
   </>;
 
+const Twitter = () =>
+  <a href="https://twitter.com/FilterLists"
+    title="FilterLists on Twitter"
+    target="_blank" rel="noopener noreferrer">
+    <Icon type="twitter" /> Twitter
+  </a>;
+
 const Community = () =>
   <a href="https://hub.filterlists.com"
     title="FilterLists Discourse community forum"
     target="_blank" rel="noopener noreferrer">
-    Community
+    <Icon type="team" /> Community
   </a>;
 
 const GitHub = () =>
   <a href="https://github.com/collinbarrett/FilterLists"
     title="FilterLists git repository on GitHub"
     target="_blank" rel="noopener noreferrer">
-    GitHub
+    <Icon type="github" /> GitHub
   </a>;
 
 const Api = () =>
   <a href="/api/v1/lists"
     title="FilterLists API lists endpoint"
     target="_blank" rel="noopener noreferrer">
-    API
+    <Icon type="api" /> API
   </a>;
 
 const Donate = () =>
   <a href="https://beerpay.io/collinbarrett/FilterLists"
     title="Donate to FilterLists with Beerpay"
     target="_blank" rel="noopener noreferrer">
-    Donate
+    <Icon type="dollar" /> Donate
   </a>;
\ No newline at end of file