fix(chat): fix review chat crash, hide unpublish option, adjust marke…

…tplace grid (Issue #3029, #3016, #3014) (#3038)

Co-authored-by: Magomed-Elbi Dzhukalaev <[email protected]>

apps/chat/src/components/Chat/ChatCompareSelect.tsx

@@ -76,7 +76,7 @@ export const ChatCompareSelect = ({
   const isConversationVersionValid = (
     conv: ConversationInfo,
     publicVersionGroups: PublicVersionGroups,
-    selectedConversation: Conversation,
+    selectedConversationId: string,
   ) => {
     if (!conv.publicationInfo?.version) {
       return true;
@@ -95,7 +95,7 @@ export const ChatCompareSelect = ({
       currentVersionGroup &&
       conv.publicationInfo?.version !==
         currentVersionGroup.selectedVersion.version &&
-      (currentVersionGroup.selectedVersion.id !== selectedConversation.id ||
+      (currentVersionGroup.selectedVersion.id !== selectedConversationId ||
         currentVersionGroup.allVersions.find(
           (ver) => ver.id !== currentVersionGroup.selectedVersion.id,
         )?.id !== conv.id)
@@ -114,7 +114,7 @@ export const ChatCompareSelect = ({
           isConversationVersionValid(
             conv,
             publicVersionGroups,
-            selectedConversation,
+            selectedConversation?.id,
           ),
       ),
     [

apps/chat/src/components/Chat/ConversationContextMenu.tsx

@@ -35,6 +35,7 @@ import {
 } from '@/src/store/conversations/conversations.reducers';
 import { useAppDispatch, useAppSelector } from '@/src/store/hooks';
 import { ImportExportActions } from '@/src/store/import-export/importExport.reducers';
+import { PublicationSelectors } from '@/src/store/publication/publication.reducers';
 import { SettingsSelectors } from '@/src/store/settings/settings.reducers';
 import { ShareActions } from '@/src/store/share/share.reducers';
 import { UIActions, UISelectors } from '@/src/store/ui/ui.reducers';
@@ -92,6 +93,12 @@ export const ConversationContextMenu = ({
   const allConversations = useAppSelector(
     ConversationsSelectors.selectConversations,
   );
+  const resourceToReview = useAppSelector((state) =>
+    PublicationSelectors.selectResourceToReviewByReviewUrl(
+      state,
+      conversation.id,
+    ),
+  );
   const isPublishingEnabled = useAppSelector((state) =>
     SettingsSelectors.selectIsPublishingEnabled(state, FeatureType.Chat),
   );
@@ -133,6 +140,9 @@ export const ConversationContextMenu = ({
     (conversation as Conversation).messages?.length > 0
   );
 
+  const isUnpublishVisible =
+    !(isHeaderMenu && resourceToReview) && !isReplay && !publicationUrl;
+
   const dismiss = useDismiss(context);
   const { getFloatingProps } = useInteractions([dismiss]);
 
@@ -372,9 +382,7 @@ export const ConversationContextMenu = ({
           onShare={!isReplay ? handleOpenSharing : undefined}
           onUnshare={!isReplay ? handleUnshare : undefined}
           onPublish={!isReplay ? handleOpenPublishing : undefined}
-          onUnpublish={
-            isReplay || publicationUrl ? undefined : handleOpenUnpublishing
-          }
+          onUnpublish={isUnpublishVisible ? handleOpenUnpublishing : undefined}
           onOpenChange={setIsOpen}
           isOpen={isOpen}
           isLoading={conversation.status !== UploadStatus.LOADED}

apps/chat/src/components/Marketplace/CardsList.tsx

@@ -38,7 +38,7 @@ export const CardsList = ({
       {!!title && <h2 className="text-xl font-semibold">{t(title)}</h2>}
 
       <div
-        className="grid grid-cols-1 gap-3 sm:grid-cols-2 md:gap-4 xl:grid-cols-3 xl:gap-5 3xl:grid-cols-4 4xl:grid-cols-5 5xl:grid-cols-6"
+        className="grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-4 xl:grid-cols-3 xl:gap-5 3xl:grid-cols-4 4xl:grid-cols-5 5xl:grid-cols-6"
         data-qa="agents"
       >
         {entities.map((entity) => (