Add routes to gamefication

src/Admin/Components/Components/DisplayIcon.js

@@ -37,6 +37,7 @@ import TimelineRoundedIcon from "@material-ui/icons/TimelineRounded";
 import SettingsRoundedIcon from "@material-ui/icons/SettingsRounded";
 import ExitToAppRoundedIcon from "@material-ui/icons/ExitToAppRounded";
 import AllOutIcon from "@material-ui/icons/AllOut";
+import SportsEsportsRoundedIcon from '@material-ui/icons/SportsEsportsRounded';
 
 //This file manipulate the icon that will be displayed in the left navigation menu
 
@@ -62,6 +63,7 @@ const icons = [
     <BlockRoundedIcon style={{ fill: pink }} />,
     <AnnouncementRoundedIcon style={{ fill: purple }} />,
     <EmailRoundedIcon style={{ fill: blue }} />,
+    <SportsEsportsRoundedIcon style={{fill: orange }}/>,
     <TimelineRoundedIcon style={{ fill: orange }} />,
     <SettingsRoundedIcon style={{ fill: pink }} />,
     <ExitToAppRoundedIcon style={{ fill: purple }} />,

src/App.js

@@ -96,7 +96,7 @@ import UserPermissions from "./Admin/Pages/Pages/SubPages/Permissions";
 import EditRole from "./Admin/Components/Components/Inputs/EditRoles";
 import CreateRole from "./Admin/Components/Components/Inputs/CreateRole";
 import BlockedUser from "./Admin/Pages/Pages/SubPages/BlockedUsers";
-
+import Gamefication from "./Admin/Pages/Pages/SubPages/Gamefication"
 import PropTypes from "prop-types";
 import Typography from "@material-ui/core/Typography";
 import Box from "@material-ui/core/Box";
@@ -356,6 +356,13 @@ export default function App() {
                 component={Link}
                 {...a11yProps(15)}
               />
+              <Tab
+                label="Gameficação"
+                to="/admin/gamefication"
+                icon={<DisplayIcon i={16} />}
+                component={Link}
+                {...a11yProps(16)}
+              />
             </Tabs>
           </AppBar>
           <div style={{ padding: "2em" }}>
@@ -424,6 +431,8 @@ export default function App() {
             <Route path="/admin/CreateRole" component={CreateRole} />
             <Route path="/admin/BlockedUsers" component={BlockedUser} />
             <Route path="/admin/sendEmail/:email" component={SendEmail} />
+            <Route path="/admin/gamefication" component={Gamefication} />
+            
           </div>
         </div>
       </Switch>