From aa77ea0dbeed15f895c774d72c0a65f8352b906e Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Thu, 27 Sep 2018 15:20:51 +0200
Subject: [PATCH] Descendents tab added

---
 client/src/components/UserTabs.js                | 16 ++++++++++------
 .../{UserDescendents.js => YourDescendents.js}   |  0
 2 files changed, 10 insertions(+), 6 deletions(-)
 rename client/src/components/{UserDescendents.js => YourDescendents.js} (100%)

diff --git a/client/src/components/UserTabs.js b/client/src/components/UserTabs.js
index 420e73821..e4df491ae 100644
--- a/client/src/components/UserTabs.js
+++ b/client/src/components/UserTabs.js
@@ -4,9 +4,10 @@ import { withStyles } from '@material-ui/core/styles';
 import AppBar from '@material-ui/core/AppBar';
 import Tabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
-import UpdateIcon from '@material-ui/icons/Create';
-import ImageIcon from '@material-ui/icons/Wallpaper';
-import ReferralsIcon from '@material-ui/icons/DeviceHub';
+import ProfileSheetIcon from '@material-ui/icons/Create';
+import ProfileImagesIcon from '@material-ui/icons/Wallpaper';
+import YourReferrerIcon from '@material-ui/icons/AccessibilityNew';
+import DescendentsIcon from '@material-ui/icons/DeviceHub';
 import Typography from '@material-ui/core/Typography';
 
 // Components
@@ -14,6 +15,7 @@ import Typography from '@material-ui/core/Typography';
 import ProfileSheet from './ProfileSheet';
 import ProfileImages from './ProfileImages';
 import YourReferrer from './YourReferrer';
+import YourDescendents from './YourDescendents';
 
 function TabContainer(props) {
   return (
@@ -61,14 +63,16 @@ class UserTabs extends React.Component {
             indicatorColor="primary"
             textColor="primary"
           >
-            <Tab label="Profile Sheet" icon={<UpdateIcon />} />
-            <Tab label="Profile Images" icon={<ImageIcon />} />
-            <Tab label="Your Referrer" icon={<ReferralsIcon />} />
+            <Tab label="Profile Sheet" icon={<ProfileSheetIcon />} />
+            <Tab label="Profile Images" icon={<ProfileImagesIcon />} />
+            <Tab label="Your Referrer" icon={<YourReferrerIcon />} />
+            <Tab label="Your Descendents" icon={<DescendentsIcon />} />
           </Tabs>
         </AppBar>
         {value === 0 && <TabContainer><ProfileSheet/></TabContainer>}
         {value === 1 && <TabContainer><ProfileImages/></TabContainer>}
         {value === 2 && <TabContainer><YourReferrer/></TabContainer>}
+        {value === 2 && <TabContainer><YourDescendents/></TabContainer>}
       </div>
     );
   }
diff --git a/client/src/components/UserDescendents.js b/client/src/components/YourDescendents.js
similarity index 100%
rename from client/src/components/UserDescendents.js
rename to client/src/components/YourDescendents.js