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

feat[components/chatTrigger/index.tsx]: Add Chat Interface shadTooltip

Browse source
This commit is contained in:
Igor Carvalho 2023-06-18 11:15:46 -03:00
commit f7101f4123
1 changed files with 20 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/frontend/src/components/chatComponent/chatTrigger/index.tsx
View file

@ -2,6 +2,7 @@ import { Transition } from "@headlessui/react";
import { MessagesSquare } from "lucide-react"; import { MessagesSquare } from "lucide-react";
import { alertContext } from "../../../contexts/alertContext"; import { alertContext } from "../../../contexts/alertContext";
import { useContext } from "react"; import { useContext } from "react";
import ShadTooltip from "../../ShadTooltipComponent";
export default function ChatTrigger({ open, setOpen, isBuilt }) { export default function ChatTrigger({ open, setOpen, isBuilt }) {
const { setErrorData } = useContext(alertContext); const { setErrorData } = useContext(alertContext);
@ -29,20 +30,26 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
leaveTo="translate-y-96" leaveTo="translate-y-96"
> >
<div className="absolute bottom-4 right-3"> <div className="absolute bottom-4 right-3">
<div <ShadTooltip
className="border flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full bg-blue-500 dark:border-gray-600 cursor-pointer" delayDuration={500}
onClick={handleClick} content="Chat Interface"
side="left"
> >
<button> <div
<div className="flex gap-3"> className="border flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full bg-blue-500 dark:border-gray-600 cursor-pointer"
<MessagesSquare onClick={handleClick}
className="h-6 w-6 text-blue-100 fill-blue-100" >
style={{ color: "white" }} <button>
strokeWidth={1.5} <div className="flex gap-3">
/> <MessagesSquare
</div> className="h-6 w-6 text-blue-100 fill-blue-100"
</button> style={{ color: "white" }}
</div> strokeWidth={1.5}
/>
</div>
</button>
</div>
</ShadTooltip>
</div> </div>
</Transition> </Transition>
); );