jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Change the icon to move just in the last message

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-05-31 21:21:51 -03:00
commit 893dc22fc4
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/src/modals/chatModal/chatMessage/index.tsx
View file

@ -16,10 +16,13 @@ import Convert from "ansi-to-html";
export default function ChatMessage({ export default function ChatMessage({
chat, chat,
lockChat, lockChat,
lastMessage
}: { }: {
chat: ChatMessageType; chat: ChatMessageType;
lockChat: boolean; lockChat: boolean;
lastMessage: boolean;
}) { }) {
const convert = new Convert({ newline: true }); const convert = new Convert({ newline: true });
const [message, setMessage] = useState(""); const [message, setMessage] = useState("");
const imgRef = useRef(null); const imgRef = useRef(null);
@ -48,7 +51,7 @@ export default function ChatMessage({
"absolute transition-opacity duration-500 scale-150 " + "absolute transition-opacity duration-500 scale-150 " +
(lockChat ? "opacity-100" : "opacity-0") (lockChat ? "opacity-100" : "opacity-0")
} }
src={AiIcon} src={lastMessage ? AiIcon : AiIconStill}
/> />
<img <img
className={ className={

2
src/frontend/src/modals/chatModal/index.tsx
View file

@ -416,7 +416,7 @@ export default function ChatModal({
> >
{chatHistory.length > 0 ? ( {chatHistory.length > 0 ? (
chatHistory.map((c, i) => ( chatHistory.map((c, i) => (
<ChatMessage lockChat={lockChat} chat={c} key={i} /> <ChatMessage lockChat={lockChat} chat={c} lastMessage={chatHistory.length-1 == i ? true : false} key={i} />
)) ))
) : ( ) : (
<div className="flex flex-col h-full text-center justify-center w-full items-center align-middle"> <div className="flex flex-col h-full text-center justify-center w-full items-center align-middle">