Fix/strategy permissions (#337)

* fix: only show actions if applicable to the current user

* fix: remove API access from admin settings

* fix: update snapshot

frontend/src/component/feature/strategy/StrategyCard/StrategyCardHeader/StrategyCardHeader.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 
 import { CardHeader, Typography, IconButton, Tooltip } from '@material-ui/core';
@@ -7,6 +7,8 @@ import { Edit, Delete } from '@material-ui/icons';
 import { useStyles } from './StrategyCardHeader.styles.js';
 import { ReactComponent as ReorderIcon } from '../../../../../assets/icons/reorder.svg';
 import ConditionallyRender from '../../../../common/ConditionallyRender/ConditionallyRender';
+import AccessContext from '../../../../../contexts/AccessContext';
+import { UPDATE_FEATURE } from '../../../../AccessProvider/permissions';
 
 const StrategyCardHeader = ({
     name,
@@ -15,6 +17,8 @@ const StrategyCardHeader = ({
     editStrategy,
     disableDelete,
 }) => {
+    const { hasAccess } = useContext(AccessContext);
+
     const styles = useStyles();
 
     return (
@@ -33,14 +37,20 @@ const StrategyCardHeader = ({
                             {name}
                         </Typography>
                     </Tooltip>
+                    <ConditionallyRender
+                        condition={hasAccess(UPDATE_FEATURE)}
+                        show={
                             <div className={styles.strategyCardHeaderActions}>
                                 <Tooltip title="Edit strategy">
                                     <IconButton onClick={editStrategy}>
                                         <Edit
-                                    className={styles.strateyCardHeaderIcon}
+                                            className={
+                                                styles.strateyCardHeaderIcon
+                                            }
                                         />
                                     </IconButton>
                                 </Tooltip>
+
                                 {connectDragSource(
                                     <span>
                                         <Tooltip title="Drag and drop strategy to reorder. This only affects the order of which your strategies are evaluated.">
@@ -70,7 +80,9 @@ const StrategyCardHeader = ({
                                     }
                                     elseShow={
                                         <Tooltip title="Delete strategy">
-                                    <IconButton onClick={removeStrategy}>
+                                            <IconButton
+                                                onClick={removeStrategy}
+                                            >
                                                 <Delete
                                                     className={
                                                         styles.strateyCardHeaderIcon
@@ -81,6 +93,8 @@ const StrategyCardHeader = ({
                                     }
                                 />
                             </div>
+                        }
+                    />
                 </>
             }
             disableTypography

frontend/src/component/menu/__tests__/__snapshots__/routes-test.jsx.snap

@@ -333,7 +333,6 @@ Array [
     "component": [Function],
     "layout": "main",
     "menu": Object {
-      "adminSettings": true,
       "advanced": true,
       "mobile": true,
     },

frontend/src/component/menu/routes.js

@@ -380,7 +380,7 @@ export const routes = [
         component: AdminApi,
         type: 'protected',
         layout: 'main',
-        menu: { mobile: true, advanced: true, adminSettings: true },
+        menu: { mobile: true, advanced: true },
     },
     {
         path: '/admin/users',