diff --git a/frontend/app/view/plotview.less b/frontend/app/view/plotview.less index 96801a3c8..3bcfd5423 100644 --- a/frontend/app/view/plotview.less +++ b/frontend/app/view/plotview.less @@ -14,5 +14,6 @@ height: auto; background-color: var(--panel-bg-color); color: var(--main-text-color); + font: var(--fixed-font); } } diff --git a/frontend/app/view/plotview.tsx b/frontend/app/view/plotview.tsx index 06ad2ff5f..e6ea95ef7 100644 --- a/frontend/app/view/plotview.tsx +++ b/frontend/app/view/plotview.tsx @@ -31,7 +31,6 @@ function evalAsync(Plot: any, d3: any, funcText: string): Promise { function PlotView() { const containerRef = React.useRef(); const [plotDef, setPlotDef] = React.useState(); - const [tempDef, setTempDef] = React.useState(); const [savedDef, setSavedDef] = React.useState(); const [modalUp, setModalUp] = React.useState(false); /* @@ -97,22 +96,33 @@ function PlotView() { }; }, [plotDef]); + const handleOpen = React.useCallback(() => { + setSavedDef(plotDef); + setModalUp(true); + }, []); + + const handleCancel = React.useCallback(() => { + setPlotDef(savedDef); + setModalUp(false); + }, []); + + const handleSave = React.useCallback(() => { + setModalUp(false); + }, []); + return (
- +
{modalUp && ( - setModalUp(false)} - onSubmit={() => setModalUp(false)} - > +