diff --git a/src/Components/LatextInput/AddLaTexModal.tsx b/src/Components/LatextInput/AddLaTexModal.tsx index 051382a..42170a2 100644 --- a/src/Components/LatextInput/AddLaTexModal.tsx +++ b/src/Components/LatextInput/AddLaTexModal.tsx @@ -26,20 +26,12 @@ const AddLaTexModal = ({ const currentValue = getFieldProps(name).value; const handleOk = () => { const oldValue = currentValue ?? ""; - const newLatex = convertMathMLToLaTeX(Latex); - console.log(oldValue); - - if (newLatex) { - setFieldValue(name, oldValue + " $$ " + newLatex + " $$ "); - setCurrentValue(oldValue + " $$ " + newLatex + " $$ "); + const newLatex = convertMathMLToLaTeX(Latex) + const final = oldValue + " $$ " + newLatex + " $$ " + setFieldValue(name, final); + setCurrentValue(final); setLatex(""); setIsModalOpen(false); - } else { - setFieldValue(name, oldValue + " $$ " + Latex + " $$ "); - setCurrentValue(oldValue + " $$ " + Latex + " $$ "); - setLatex(""); - setIsModalOpen(false); - } }; const handleCancel = () => { diff --git a/src/Components/LatextInput/LaTeXInputMemo.tsx b/src/Components/LatextInput/LaTeXInputMemo.tsx index eb0ac38..15ce686 100644 --- a/src/Components/LatextInput/LaTeXInputMemo.tsx +++ b/src/Components/LatextInput/LaTeXInputMemo.tsx @@ -9,6 +9,8 @@ import { FaPlus } from "react-icons/fa"; import { useObjectToEdit } from "../../zustand/ObjectToEditState"; import SpinContainer from "../Layout/SpinContainer"; import { areFieldPropsEqual } from "./areFieldPropsEqual"; +import { useHandlePasteKeyDown } from "../../Hooks/useHandlePasteKeyDown"; +import { getLatexOnCustomShortCut } from "../../utils/keyDownUtils"; const AddLazyModal = React.lazy(() => import("./AddLaTexModal")); const EditLazyModal = React.lazy(() => import("./EditLaTexModal")); @@ -70,7 +72,6 @@ const LaTeXInputMemo: React.FC = React.memo( const isError = !!touched?.[name] && !!errors?.[name]; const errorMessage = isError ? ((errors?.[name] as string) ?? "") : ""; - console.log(values); let metaName = name.substring(0, name.lastIndexOf(".")); if (metaName.includes(".") || metaName.includes("[")) { @@ -79,7 +80,6 @@ const LaTeXInputMemo: React.FC = React.memo( metaName += "meta"; } const meta = getFieldProps(metaName).value; - console.log(metaName, meta); const direction = meta?.direction === "ltr" ? "ltr" : "rtl"; const [Dir, setDir] = useState<"ltr" | "rtl">(direction); @@ -93,7 +93,12 @@ const LaTeXInputMemo: React.FC = React.memo( setFieldValue(metaName, { ...(meta ?? {}), direction: "ltr" }); } }; - + const handlePaste = useHandlePasteKeyDown(); + const handleOnKeyDown = (e: React.KeyboardEvent) =>{ + if(!ShowLatexOption) return ; + handlePaste(e,name) + getLatexOnCustomShortCut(e) && setFieldValue(name,getLatexOnCustomShortCut(e)) + } return (