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

🎨 style(chatMessage/index.tsx): add images for robot and male technologist icons to improve visual representation

Browse source 
🔧 chore(chatMessage/index.tsx): update image paths for robot and male technologist icons to match new file locations
This commit is contained in:
Lucas Oliveira 2023-07-07 15:07:21 -03:00
commit 0c3517149d
3 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/frontend/src/assets/male-technologist.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
src/frontend/src/assets/robot.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 26 KiB

12
src/frontend/src/modals/formModal/chatMessage/index.tsx
View file

@ -3,6 +3,8 @@ import { ChatMessageType } from "../../../types/chat";
import { classNames } from "../../../utils"; import { classNames } from "../../../utils";
import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg"; import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
import AiIconStill from "../../../assets/froze-flow.png"; import AiIconStill from "../../../assets/froze-flow.png";
import Robot from "../../../assets/robot.png";
import MaleTechnology from "../../../assets/male-technologist.png";
import FileCard from "../fileComponent"; import FileCard from "../fileComponent";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import rehypeMathjax from "rehype-mathjax"; import rehypeMathjax from "rehype-mathjax";
@ -49,14 +51,14 @@ export default function ChatMessage({
<div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}> <div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}>
{!chat.isSend ? ( {!chat.isSend ? (
<div className="flex flex-col items-center gap-1"> <div className="flex flex-col items-center gap-1">
<div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl "> <div className="relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
🤖 <img src={Robot} className="absolute scale-[60%]" />
</div> </div>
</div> </div>
) : ( ) : (
<div className="flex flex-col items-center gap-1"> <div className="flex flex-col items-center gap-1">
<div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl "> <div className="relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
👨‍💻 <img src={MaleTechnology} className="absolute scale-[60%]" />
</div> </div>
</div> </div>
)} )}
@ -150,7 +152,7 @@ export default function ChatMessage({
) : ( ) : (
<div> <div>
<button <button
className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-3 text-base font-semibold" className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-2 text-base font-semibold"
onClick={() => { onClick={() => {
setPromptOpen((old) => !old); setPromptOpen((old) => !old);
}} }}