This is an automated email from the ASF dual-hosted git repository.

arafat2198 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ozone.git


The following commit(s) were added to refs/heads/master by this push:
     new 9b8ef74573 HDDS-12043. Mark fixed column with disabled checkbox (#7667)
9b8ef74573 is described below

commit 9b8ef7457374e582de57d1479134d48dde1ea090
Author: Abhishek Pal <[email protected]>
AuthorDate: Sat Jan 11 19:24:12 2025 +0530

    HDDS-12043. Mark fixed column with disabled checkbox (#7667)
---
 .../recon/ozone-recon-web/src/v2/components/select/multiSelect.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/select/multiSelect.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/select/multiSelect.tsx
index 3dfe19f9b4..03dd12b569 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/select/multiSelect.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/select/multiSelect.tsx
@@ -61,7 +61,8 @@ const Option: React.FC<OptionProps<Option, true>> = (props) 
=> {
             marginRight: '8px',
             accentColor: '#1AA57A'
           }}
-          onChange={() => null} />
+          onChange={() => null}
+          disabled={props.isDisabled} />
         <label>{props.label}</label>
       </components.Option>
     </div>
@@ -114,14 +115,13 @@ const MultiSelect: React.FC<MultiSelectProps> = ({
       isSearchable={false}
       controlShouldRenderValue={false}
       classNamePrefix='multi-select'
-      options={options}
+      options={options.map((opt) => ({...opt, isDisabled: (opt.value === 
fixedColumn)}))}
       components={{
         ValueContainer,
         Option
       }}
       placeholder={placeholder}
       value={selected}
-      isOptionDisabled={(option) => option.value === fixedColumn}
       isDisabled={isDisabled}
       onChange={(selected: ValueType<Option, true>) => {
         if (selected?.length === options.length) return onChange!(options);


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to