diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json index 607f4946c..b98a26b64 100644 --- a/src/frontend/package-lock.json +++ b/src/frontend/package-lock.json @@ -7370,4 +7370,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx index 432e79b8f..23b76b6e1 100644 --- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx +++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx @@ -1,7 +1,7 @@ import { Transition } from "@headlessui/react"; import { - Bars3CenterLeftIcon, - ChatBubbleBottomCenterTextIcon, + Bars3CenterLeftIcon, + ChatBubbleBottomCenterTextIcon, } from "@heroicons/react/24/outline"; import { nodeColors } from "../../../utils"; import { PopUpContext } from "../../../contexts/popUpContext"; @@ -9,37 +9,37 @@ import { useContext } from "react"; import ChatModal from "../../../modals/chatModal"; export default function ChatTrigger({ open, setOpen }) { - const { openPopUp } = useContext(PopUpContext); - return ( - -
-
- -
-
- - ); + const { openPopUp } = useContext(PopUpContext); + return ( + +
+
+ +
+
+ + ); } diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx index 2086b467c..2da5323e8 100644 --- a/src/frontend/src/components/codeAreaComponent/index.tsx +++ b/src/frontend/src/components/codeAreaComponent/index.tsx @@ -57,7 +57,7 @@ export default function CodeAreaComponent({ ); }} > - + diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx index 71ad501c9..842e5e7d8 100644 --- a/src/frontend/src/components/promptComponent/index.tsx +++ b/src/frontend/src/components/promptComponent/index.tsx @@ -58,7 +58,7 @@ export default function PromptAreaComponent({ ); }} > - + diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx index 17afe304e..3737e02f0 100644 --- a/src/frontend/src/components/textAreaComponent/index.tsx +++ b/src/frontend/src/components/textAreaComponent/index.tsx @@ -25,7 +25,7 @@ export default function TextAreaComponent({ value, onChange, disabled }:TextArea {myValue !== "" ? myValue : 'Text empty'} diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx index 51e091e3a..5e3038d8a 100644 --- a/src/frontend/src/modals/importModal/buttonBox/index.tsx +++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx @@ -92,10 +92,10 @@ export default function ButtonBox({
{icon}
-
+

(null); - + useState(null); + const [lastCopiedSelection, setLastCopiedSelection] = useState(null); - + useEffect(() => { // this effect is used to attach the global event handlers - + const onKeyDown = (event: KeyboardEvent) => { - console.log("keydownou", lastCopiedSelection, position) + console.log("keydownou", lastCopiedSelection, position); if ( (event.ctrlKey || event.metaKey) && event.key === "c" && lastSelection && !disableCopyPaste - ) { - event.preventDefault(); - setLastCopiedSelection(_.cloneDeep(lastSelection)); - } - if ( - (event.ctrlKey || event.metaKey) && - event.key === "v" && - lastCopiedSelection && - !disableCopyPaste - ) { - event.preventDefault(); - let bounds = reactFlowWrapper.current.getBoundingClientRect(); - paste(lastCopiedSelection, { - x: position.x - bounds.left, - y: position.y - bounds.top, - }); - } - if ( - (event.ctrlKey || event.metaKey) && - event.key === "g" && - lastSelection + ) { + event.preventDefault(); + setLastCopiedSelection(_.cloneDeep(lastSelection)); + } + if ( + (event.ctrlKey || event.metaKey) && + event.key === "v" && + lastCopiedSelection && + !disableCopyPaste + ) { + event.preventDefault(); + let bounds = reactFlowWrapper.current.getBoundingClientRect(); + paste(lastCopiedSelection, { + x: position.x - bounds.left, + y: position.y - bounds.top, + }); + } + if ( + (event.ctrlKey || event.metaKey) && + event.key === "g" && + lastSelection ) { event.preventDefault(); // addFlow(newFlow, false); @@ -94,21 +91,18 @@ export default function FlowPage({ flow }: { flow: FlowType }) { const handleMouseMove = (event) => { setPosition({ x: event.clientX, y: event.clientY }); }; - - document.addEventListener('keydown', onKeyDown); - document.addEventListener('mousemove', handleMouseMove); - + + document.addEventListener("keydown", onKeyDown); + document.addEventListener("mousemove", handleMouseMove); + return () => { - document.removeEventListener('keydown', onKeyDown); - document.removeEventListener('mousemove', handleMouseMove); + document.removeEventListener("keydown", onKeyDown); + document.removeEventListener("mousemove", handleMouseMove); }; }, [position, lastCopiedSelection, lastSelection]); - const [selectionMenuVisible, setSelectionMenuVisible] = useState(false); - - const { setExtraComponent, setExtraNavigation } = useContext(locationContext); const { setErrorData } = useContext(alertContext); const [nodes, setNodes, onNodesChange] = useNodesState( @@ -314,10 +308,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) { }, []); return ( -
+
{Object.keys(templates).length > 0 && Object.keys(types).length > 0 ? ( <> ); -} \ No newline at end of file +} diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js index f22629ef3..fd641afa4 100644 --- a/src/frontend/tailwind.config.js +++ b/src/frontend/tailwind.config.js @@ -76,6 +76,12 @@ module.exports = { backgroundColor: "#bbb", }, }, + ".dark .theme-attribution .react-flow__attribution": { + backgroundColor: "rgba(255, 255, 255, 0.2)", + }, + ".dark .theme-attribution .react-flow__attribution a": { + color: "black", + }, }); }), require("@tailwindcss/typography"),