disable super select if not permissions

elastic · May 5, 2022 · 248092a · 248092a
1 parent b2890b1
commit 248092a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/x-pack/plugins/cases/public/components/case_view/components/case_view_activity.tsx b/x-pack/plugins/cases/public/components/case_view/components/case_view_activity.tsx
@@ -189,6 +189,7 @@ export const CaseViewActivity = ({
       </EuiFlexItem>
       <EuiFlexItem grow={2}>
         <SeveritySidebarSelector
+          isDisabled={!userCanCrud}
           isLoading={isLoading}
           selectedSeverity={caseData.severity}
           onSeverityChange={onUpdateSeverity}

diff --git a/x-pack/plugins/cases/public/components/severity/selector.tsx b/x-pack/plugins/cases/public/components/severity/selector.tsx
@@ -20,18 +20,21 @@ interface Props {
   selectedSeverity: CaseSeverity;
   onSeverityChange: (status: CaseSeverity) => void;
   isLoading: boolean;
+  isDisabled: boolean;
 }
 
 export const SeveritySelector: React.FC<Props> = ({
   selectedSeverity,
   onSeverityChange,
   isLoading,
+  isDisabled,
 }) => {
   const caseSeverities = Object.keys(severities) as CaseSeverity[];
   const options: Array<EuiSuperSelectOption<CaseSeverity>> = caseSeverities.map((severity) => {
     const severityData = severities[severity];
     return {
       value: severity,
+      disabled: isDisabled,
       inputDisplay: (
         <EuiFlexGroup
           gutterSize="xs"

diff --git a/x-pack/plugins/cases/public/components/severity/sidebar_selector.tsx b/x-pack/plugins/cases/public/components/severity/sidebar_selector.tsx
@@ -15,12 +15,14 @@ interface Props {
   selectedSeverity: CaseSeverity;
   onSeverityChange: (status: CaseSeverity) => void;
   isLoading: boolean;
+  isDisabled: boolean;
 }
 
 export const SeveritySidebarSelector: React.FC<Props> = ({
   selectedSeverity,
   onSeverityChange,
   isLoading,
+  isDisabled,
 }) => {
   return (
     <EuiFlexItem grow={false}>
@@ -32,6 +34,7 @@ export const SeveritySidebarSelector: React.FC<Props> = ({
         isLoading={isLoading}
         selectedSeverity={selectedSeverity}
         onSeverityChange={onSeverityChange}
+        isDisabled={isDisabled}
       />
       <EuiSpacer size="m" />
     </EuiFlexItem>