diff --git a/src/Admin/Components/Components/DisplayIcon.js b/src/Admin/Components/Components/DisplayIcon.js index 0bb9bf56e0a44cfdd256b9172bb14079d8ff8664..5336574d7124413e47603fd0fc63122c12853f2e 100644 --- a/src/Admin/Components/Components/DisplayIcon.js +++ b/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 }} />, diff --git a/src/App.js b/src/App.js index 03cb3caddd2b0ae40c316a42bc39f7305aa95001..be9d30c41467cc1e053a964f6a211403e11144b8 100644 --- a/src/App.js +++ b/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>