disable Assign button

src/common/hooks/useComplexLookup.ts

@@ -142,7 +142,7 @@ export const useComplexLookup = ({
 
     const isValid = await validateMarcRecord(marcData);
 
-    if (!isValid) {
+    if (isValid) {
       assignMarcRecord({ id, title, srsId, linkedFieldValue });
     } else {
       addFailedEntryId(id);

src/common/hooks/useComplexLookupValidation.ts

@@ -1,7 +1,11 @@
-import { useComplexLookup } from '@src/store';
+import { useComplexLookupState } from '@src/store';
 
 export const useComplexLookupValidation = () => {
-  const { addAuthorityAssignmentCheckFailedIdsItem, resetAuthorityAssignmentCheckFailedIds } = useComplexLookup();
+  const {
+    authorityAssignmentCheckFailedIds,
+    addAuthorityAssignmentCheckFailedIdsItem,
+    resetAuthorityAssignmentCheckFailedIds,
+  } = useComplexLookupState();
 
   const addFailedEntryId = (id: string) => {
     addAuthorityAssignmentCheckFailedIdsItem?.(id);
@@ -11,5 +15,11 @@ export const useComplexLookupValidation = () => {
     resetAuthorityAssignmentCheckFailedIds();
   };
 
-  return { addFailedEntryId, clearFailedEntryIds };
+  const checkFailedId = (id?: string) => {
+    if (!id) return false;
+
+    return authorityAssignmentCheckFailedIds?.includes(id);
+  };
+
+  return { addFailedEntryId, clearFailedEntryIds, checkFailedId };
 };

src/components/ComplexLookupField/MarcPreviewComplexLookup.tsx

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { FormattedDate, FormattedMessage, useIntl } from 'react-intl';
 import { useSearchContext } from '@common/hooks/useSearchContext';
+import { useComplexLookupValidation } from '@common/hooks/useComplexLookupValidation';
 import { useMarcPreviewState, useUIState } from '@src/store';
 import { SearchControlPane } from '@components/SearchControlPane';
 import { MarcContent } from '@components/MarcContent';
@@ -17,6 +18,7 @@ export const MarcPreviewComplexLookup: FC<MarcPreviewComplexLookupProps> = ({ on
   const { formatMessage } = useIntl();
   const { isMarcPreviewOpen } = useUIState();
   const { complexValue: marcPreviewData, metadata: marcPreviewMetadata } = useMarcPreviewState();
+  const { checkFailedId } = useComplexLookupValidation();
 
   const renderCloseButton = () => (
     <Button
@@ -47,6 +49,8 @@ export const MarcPreviewComplexLookup: FC<MarcPreviewComplexLookupProps> = ({ on
     });
   };
 
+  const isDisabledButton = checkFailedId(marcPreviewMetadata?.baseId);
+
   return (
     <>
       {isMarcPreviewOpen && marcPreviewData ? (
@@ -61,6 +65,7 @@ export const MarcPreviewComplexLookup: FC<MarcPreviewComplexLookupProps> = ({ on
                 type={ButtonType.Highlighted}
                 onClick={onClickAssignButton}
                 ariaLabel={formatMessage({ id: 'ld.aria.marcAuthorityPreview.close' })}
+                disabled={isDisabledButton}
               >
                 <FormattedMessage id="ld.assign" />
               </Button>

src/components/ComplexLookupField/formatters/Assign.tsx

@@ -1,4 +1,5 @@
 import { FormattedMessage } from 'react-intl';
+import { useComplexLookupValidation } from '@common/hooks/useComplexLookupValidation';
 import { AuthRefType } from '@common/constants/search.constants';
 import { Button, ButtonType } from '@components/Button';
 
@@ -9,7 +10,9 @@ export const AssignFormatter = ({
   row: SearchResultsTableRow;
   onAssign: ({ id, title, linkedFieldValue }: ComplexLookupAssignRecordDTO) => void;
 }) => {
+  const { checkFailedId } = useComplexLookupValidation();
   const isAuthorized = row.authorized.label === AuthRefType.Authorized;
+  const isDisabled = checkFailedId(row.__meta.id);
 
   return isAuthorized ? (
     <Button
@@ -22,6 +25,7 @@ export const AssignFormatter = ({
         })
       }
       data-testid={`assign-button-${row.__meta.id}`}
+      disabled={isDisabled}
     >
       <FormattedMessage id="ld.assign" />
     </Button>

src/store/selectors.ts

@@ -18,4 +18,4 @@ export const useInputsState = useInputsStore;
 export const useConfigState = useConfigStore;
 export const useUIState = useUIStore;
 export const useSearchState = useSearchStore;
-export const useComplexLookup = useComplexLookupStore;
+export const useComplexLookupState = useComplexLookupStore;