Criação das rules no frontend para que somente o master possa visualizar os botões de inserção e exclusão

frontend/src/layout/MainListItems.js

@@ -126,11 +126,20 @@ const MainListItems = (props) => {
                     icon={<DashboardOutlinedIcon />}
             />
 
+
+            <Can
+                    role={user.profile}
+                    perform="settings-view:show"
+                    yes={() => (
                       <ListItemLink
                         to="/settings"
                         primary={i18n.t("mainDrawer.listItems.settings")}
                         icon={<SettingsOutlinedIcon />}
                       />
+                    )}
+            />
+
+            
           </>
         )}
       />

frontend/src/pages/Connections/index.js

@@ -329,13 +329,23 @@ const Connections = () => {
 			<MainHeader>
 				<Title>{i18n.t("connections.title")}</Title>
 				<MainHeaderButtonsWrapper>
+
+
+				<Can
+						role={user.profile}
+						perform="btn-add-whatsapp"
+						yes={() => (
 							<Button
 								variant="contained"
 								color="primary"
-						onClick={handleOpenWhatsAppModal}
+								onClick={handleOpenWhatsAppModal}>
-					>
 								{i18n.t("connections.buttons.add")}
 							</Button>
+						)}
+				/>
+					
+					
+
 				</MainHeaderButtonsWrapper>
 			</MainHeader>
 			<Paper className={classes.mainPaper} variant="outlined">
@@ -395,6 +405,12 @@ const Connections = () => {
 													<Edit />
 												</IconButton>
 
+
+
+												<Can
+														role={user.profile}
+														perform="btn-remove-whatsapp"
+														yes={() => (
 															<IconButton
 															size="small"
 															onClick={e => {
@@ -403,6 +419,9 @@ const Connections = () => {
 															> 
 															<DeleteOutline />
 															</IconButton>
+														)}
+												/> 
+												
 											</TableCell>
 										</TableRow>
 									))}

frontend/src/pages/Users/index.js

@@ -232,6 +232,11 @@ const Users = () => {
               }}
             />
 
+
+            <Can
+                    role={userA.profile}
+                    perform="btn-add-user"
+                    yes={() => (
                       <Button
                         variant="contained"
                         color="primary"
@@ -239,6 +244,11 @@ const Users = () => {
                       >
                         {i18n.t("users.buttons.add")}
                       </Button> 
+                    )}
+            />
+
+            
+             
   
           </MainHeaderButtonsWrapper>
         </MainHeader>
@@ -281,6 +291,11 @@ const Users = () => {
                         <EditIcon />
                       </IconButton>
 
+
+                      <Can
+                            role={userA.profile}
+                            perform="icon-remove-user"
+                            yes={() => (
                               <IconButton
                                 size="small"
                                 onClick={(e) => {
@@ -290,6 +305,8 @@ const Users = () => {
                               >
                                 <DeleteOutlineIcon />
                               </IconButton> 
+                            )}
+                      /> 
   
                     </TableCell>
   

frontend/src/rules.js

@@ -16,7 +16,7 @@ const rules = {
 			"dashboard-view:show",
 			"queues-view:show",
 			"user-view:show",
-			"settings-view:show",
+			//"settings-view:show",
 		],
 	},
 
@@ -35,7 +35,10 @@ const rules = {
 			"user-view:show",
 			"settings-view:show",
 
-			//"remove-user-test"
+			"btn-add-user",
+			"icon-remove-user",
+			"btn-add-whatsapp",
+			"btn-remove-whatsapp", 
 		],
 	},
 };