Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-17 00:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Merge pull request #166 from danny-avila/fix-format

Browse source 
fix: formatting for user messages
This commit is contained in:
Danny Avila 2023-04-06 18:59:40 -04:00 • committed by GitHub
commit 11e4928582
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/src/components/Messages/Message.jsx
View file

@ -9,6 +9,7 @@ import SiblingSwitch from './SiblingSwitch';
import { fetchById } from '~/utils/fetchers'; import { fetchById } from '~/utils/fetchers';
import getIcon from '~/utils/getIcon'; import getIcon from '~/utils/getIcon';
import { useMessageHandler } from '~/utils/handleSubmit'; import { useMessageHandler } from '~/utils/handleSubmit';
import { cn } from '~/utils/';
import store from '~/store'; import store from '~/store';
@ -137,8 +138,8 @@ export default function Message({
)} )}
<div className="flex flex-grow flex-col gap-3"> <div className="flex flex-grow flex-col gap-3">
{error ? ( {error ? (
<div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-4 gap-2 text-red-500"> <div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-2 gap-4 text-red-500">
<div className="rounded-md border border-red-500 bg-red-500/10 py-2 px-3 text-sm text-gray-600 dark:text-gray-100"> <div className="rounded-md border border-red-500 bg-red-500/10 px-3 py-2 text-sm text-gray-600 dark:text-gray-100">
{`An error occurred. Please try again in a few moments.\n\nError message: ${text}`} {`An error occurred. Please try again in a few moments.\n\nError message: ${text}`}
</div> </div>
</div> </div>
@ -171,7 +172,12 @@ export default function Message({
</div> </div>
</div> </div>
) : ( ) : (
<div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 "> <div
className={cn(
'flex min-h-[20px] flex-grow flex-col items-start gap-4 ',
isCreatedByUser ? 'whitespace-pre-wrap' : ''
)}
>
{/* <div className={`${blinker ? 'result-streaming' : ''} markdown prose dark:prose-invert light w-full break-words`}> */} {/* <div className={`${blinker ? 'result-streaming' : ''} markdown prose dark:prose-invert light w-full break-words`}> */}
<div className="markdown prose dark:prose-invert light w-full break-words"> <div className="markdown prose dark:prose-invert light w-full break-words">
{!isCreatedByUser ? ( {!isCreatedByUser ? (