fix(clerk-js): Update accepted suggestion preview on task choose organizations (#6804)

Author: iagodahlem

.changeset/better-bikes-repair.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix `TaskChooseOrganizationScreen` to render accepted suggestions properly

packages/clerk-js/src/ui/components/SessionTasks/tasks/TaskChooseOrganization/ChooseOrganizationScreen.tsx

@@ -231,26 +231,24 @@ const SuggestionPreview = withCardStateProvider((props: OrganizationSuggestionRe
     );
   };
 
-  if (props.status === 'accepted') {
-    return (
-      <Text
-        colorScheme='secondary'
-        localizationKey={localizationKeys('taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel')}
-      />
-    );
-  }
-
   return (
     <OrganizationPreviewListItem
       organizationData={props.publicOrganizationData}
       elementId='taskChooseOrganization'
       elementDescriptor={descriptors.taskChooseOrganizationPreviewItem}
     >
-      <OrganizationPreviewListItemButton
-        onClick={handleAccept}
-        isLoading={card.isLoading}
-        localizationKey={localizationKeys('taskChooseOrganization.chooseOrganization.action__suggestionsAccept')}
-      />
+      {props.status === 'accepted' ? (
+        <Text
+          colorScheme='secondary'
+          localizationKey={localizationKeys('taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel')}
+        />
+      ) : (
+        <OrganizationPreviewListItemButton
+          onClick={handleAccept}
+          isLoading={card.isLoading}
+          localizationKey={localizationKeys('taskChooseOrganization.chooseOrganization.action__suggestionsAccept')}
+        />
+      )}
     </OrganizationPreviewListItem>
   );
 });