Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-09-22 06:00:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

💭 fix: Message Labels and Typing Issues (#3602)

Browse source 
* 💭 fix: message labels due to typing issues

* feat: Fix empty message text in MessageRender component
This commit is contained in:
Danny Avila 2024-08-09 17:59:51 -04:00 • committed by GitHub
parent 1ff4841603
commit 22c8b6f699
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/src/components/Chat/Messages/MessageIcon.tsx
View file

@ -8,7 +8,7 @@ import Icon from '~/components/Endpoints/Icon';
function MessageIcon(
props: Pick<TMessageProps, 'message' | 'conversation'> & {
assistant?: false | Assistant;
assistant?: Assistant;
},
) {
const { data: endpointsConfig } = useGetEndpointsQuery();
@ -21,19 +21,19 @@ function MessageIcon(
() => ({
...(conversation ?? {}),
...({
...message,
...(message ?? {}),
iconURL: message?.iconURL ?? '',
} as TMessage),
}),
[conversation, message],
);
const iconURL = messageSettings?.iconURL;
let endpoint = messageSettings?.endpoint;
const iconURL = messageSettings.iconURL;
let endpoint = messageSettings.endpoint;
endpoint = getIconEndpoint({ endpointsConfig, iconURL, endpoint });
const endpointIconURL = getEndpointField(endpointsConfig, endpoint, 'iconURL');
if (!message?.isCreatedByUser && iconURL && iconURL.includes('http')) {
if (message?.isCreatedByUser !== true && iconURL != null && iconURL.includes('http')) {
return (
<ConvoIconURL
preset={messageSettings as typeof messageSettings & TPreset}

4
client/src/components/Chat/Messages/SearchMessage.tsx
View file

@ -23,7 +23,9 @@ export default function Message({ message }: Pick<TMessageProps, 'message'>) {
let messageLabel = '';
if (isCreatedByUser) {
messageLabel = UsernameDisplay ? user?.name || user?.username : localize('com_user_message');
messageLabel = UsernameDisplay
? (user?.name ?? '') || user?.username
: localize('com_user_message');
} else {
messageLabel = message.sender;
}

9
client/src/components/Chat/Messages/ui/MessageRender.tsx
View file

@ -114,7 +114,10 @@ const MessageRender = memo(
</div>
</div>
<div
className={cn('relative flex w-11/12 flex-col', msg.isCreatedByUser ? '' : 'agent-turn')}
className={cn(
'relative flex w-11/12 flex-col',
msg.isCreatedByUser === true ? '' : 'agent-turn',
)}
>
<h2 className={cn('select-none font-semibold', fontSize)}>{messageLabel}</h2>
<div className="flex-col gap-1 md:gap-3">
@ -124,10 +127,10 @@ const MessageRender = memo(
ask={ask}
edit={edit}
isLast={isLast}
text={msg.text ?? ''}
text={msg.text || ''}
message={msg}
enterEdit={enterEdit}
error={!!error}
error={!!(error ?? false)}
isSubmitting={isSubmitting}
unfinished={unfinished ?? false}
isCreatedByUser={isCreatedByUser ?? true}

2
client/src/hooks/Messages/useMessageActions.tsx
View file

@ -73,7 +73,7 @@ export default function useMessageActions(props: TMessageActions) {
const messageLabel = useMemo(() => {
if (message?.isCreatedByUser === true) {
return UsernameDisplay ? user?.name != null || user?.username : localize('com_user_message');
return UsernameDisplay ? (user?.name ?? '') || user?.username : localize('com_user_message');
} else if (assistant) {
return assistant.name ?? 'Assistant';
} else {