Alteração na rule settings para que somente o administrador tenha acesso

frontend/src/pages/Settings/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useContext} from "react";
 import openSocket from "socket.io-client";
 
 import { makeStyles } from "@material-ui/core/styles";
@@ -12,6 +12,10 @@ import api from "../../services/api";
 import { i18n } from "../../translate/i18n.js";
 import toastError from "../../errors/toastError";
 
+//--------
+import { AuthContext } from "../../context/Auth/AuthContext";
+import { Can } from "../../components/Can";
+
 const useStyles = makeStyles(theme => ({
 	root: {
 		display: "flex",
@@ -36,6 +40,9 @@ const useStyles = makeStyles(theme => ({
 const Settings = () => {
 	const classes = useStyles();
 
+	//--------
+	const { user } = useContext(AuthContext); 
+
 	const [settings, setSettings] = useState([]);
 
 	useEffect(() => {
@@ -89,6 +96,12 @@ const Settings = () => {
 	};
 
 	return (
+
+
+		<Can
+			role={user.profile}
+			perform="ticket-options:deleteTicket"
+			yes={() => (
 				<div className={classes.root}>
 				<Container className={classes.container} maxWidth="sm">
 					<Typography variant="body2" gutterBottom>
@@ -120,6 +133,9 @@ const Settings = () => {
 					</Paper>
 				</Container>
 			</div>
+			)}
+		/> 
+		
 	);
 };