enh(preview drawer): hide emojis (#4178)

Co-authored-by: Henry Fontanier <[email protected]>
dust-tt · Mar 6, 2024 · ffa1198 · ffa1198
1 parent cf8b340
commit ffa1198
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/front/components/assistant/TryAssistant.tsx b/front/components/assistant/TryAssistant.tsx
@@ -135,7 +135,7 @@ export function TryAssistant({
         <GenerationContextProvider>
           {conversation && (
             <div
-              className="max-h-[100%] overflow-y-auto "
+              className="max-h-[100%] overflow-y-auto overflow-x-hidden"
               id={CONVERSATION_PARENT_SCROLL_DIV_ID.modal}
             >
               <Conversation
@@ -144,6 +144,7 @@ export function TryAssistant({
                 conversationId={conversation.sId}
                 onStickyMentionsChange={setStickyMentions}
                 isInModal
+                hideReactions
               />
             </div>
           )}

diff --git a/front/components/assistant/conversation/AgentMessage.tsx b/front/components/assistant/conversation/AgentMessage.tsx
@@ -60,13 +60,15 @@ export function AgentMessage({
   conversationId,
   reactions,
   isInModal,
+  hideReactions,
 }: {
   message: AgentMessageType;
   owner: WorkspaceType;
   user: UserType;
   conversationId: string;
   reactions: MessageReactionType[];
   isInModal?: boolean;
+  hideReactions?: boolean;
 }) {
   const [streamedAgentMessage, setStreamedAgentMessage] =
     useState<AgentMessageType>(message);
@@ -353,7 +355,7 @@ export function AgentMessage({
       buttons={buttons}
       avatarBusy={agentMessageToRender.status === "created"}
       reactions={reactions}
-      enableEmojis={true}
+      enableEmojis={!hideReactions}
       renderName={() => {
         return (
           <div className="flex flex-row gap-2">

diff --git a/front/components/assistant/conversation/Conversation.tsx b/front/components/assistant/conversation/Conversation.tsx
@@ -31,12 +31,14 @@ export default function Conversation({
   conversationId,
   onStickyMentionsChange,
   isInModal,
+  hideReactions,
 }: {
   owner: WorkspaceType;
   user: UserType;
   conversationId: string;
   onStickyMentionsChange?: (mentions: AgentMention[]) => void;
   isInModal?: boolean;
+  hideReactions?: boolean;
 }) {
   const {
     conversation,
@@ -202,6 +204,7 @@ export default function Conversation({
                     owner={owner}
                     user={user}
                     reactions={messageReactions}
+                    hideReactions={hideReactions}
                   />
                 </div>
               </div>
@@ -217,6 +220,7 @@ export default function Conversation({
                     conversationId={conversationId}
                     reactions={messageReactions}
                     isInModal={isInModal}
+                    hideReactions={hideReactions}
                   />
                 </div>
               </div>

diff --git a/front/components/assistant/conversation/UserMessage.tsx b/front/components/assistant/conversation/UserMessage.tsx
@@ -16,12 +16,14 @@ export function UserMessage({
   owner,
   user,
   reactions,
+  hideReactions,
 }: {
   message: UserMessageType;
   conversation: ConversationType;
   owner: WorkspaceType;
   user: UserType;
   reactions: MessageReactionType[];
+  hideReactions?: boolean;
 }) {
   const { agentConfigurations } = useAgentConfigurations({
     workspaceId: owner.sId,
@@ -37,7 +39,7 @@ export function UserMessage({
       pictureUrl={message.user?.image || message.context.profilePictureUrl}
       name={message.context.fullName}
       reactions={reactions}
-      enableEmojis={true}
+      enableEmojis={!hideReactions}
       renderName={(name) => <div className="text-base font-medium">{name}</div>}
     >
       <div className="flex flex-col gap-4">