feat: strict "show all" option to admin only

frontend/src/accessRules.js

@@ -4,7 +4,7 @@ const rules = {
 	},
 
 	admin: {
-		static: ["drawer-admin-items:view"],
+		static: ["drawer-admin-items:view", "tickets-manager:showall"],
 	},
 };
 

frontend/src/components/TicketsManager/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useContext, useState } from "react";
 
 import { makeStyles } from "@material-ui/core/styles";
 import Paper from "@material-ui/core/Paper";
@@ -18,6 +18,8 @@ import TicketsList from "../TicketsList";
 import TabPanel from "../TabPanel";
 
 import { i18n } from "../../translate/i18n";
+import { AuthContext } from "../../context/Auth/AuthContext";
+import Can from "../Can";
 
 const useStyles = makeStyles(theme => ({
 	ticketsWrapper: {
@@ -88,6 +90,7 @@ const TicketsManager = () => {
 	const [tab, setTab] = useState("open");
 	const [newTicketModalOpen, setNewTicketModalOpen] = useState(false);
 	const [showAllTickets, setShowAllTickets] = useState(false);
+	const { user } = useContext(AuthContext);
 
 	const handleSearchContact = e => {
 		if (e.target.value === "") {
@@ -149,6 +152,10 @@ const TicketsManager = () => {
 					/>
 				</div>
 				<div className={classes.ticketsListActions}>
+					<Can
+						role={user.profile}
+						perform="tickets-manager:showall"
+						yes={() => (
 							<FormControlLabel
 								label={i18n.t("tickets.buttons.showAll")}
 								labelPlacement="start"
@@ -162,6 +169,9 @@ const TicketsManager = () => {
 									/>
 								}
 							/>
+						)}
+					/>
+
 					<IconButton
 						aria-label="add ticket"
 						size="small"