Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x | import React, { useState, useEffect, FC, useContext, useMemo } from "react";
import { useAppSelector } from "store/hooks";
import { MathTextarea, NamedConstant } from "ui/form/MathTextarea";
import {
constantSelectors,
customEventSelectors,
variableSelectors,
} from "store/features/entities/entitiesSelectors";
import { NamedVariable, namedVariablesByContext } from "renderer/lib/variables";
import { ScriptEditorContext } from "components/script/context/ScriptEditorContext";
import { Constant } from "shared/lib/resources/types";
import { constantName } from "shared/lib/entities/entitiesHelpers";
interface ScriptEventFormMathAreaProps {
id?: string;
value?: string;
placeholder?: string;
entityId: string;
onChange: (newValue: string) => void;
}
const namedConstants = (constants: Constant[]): NamedConstant[] => {
return constants.map((constant, constantIndex) => ({
id: constant.id,
name: constantName(constant, constantIndex),
}));
};
const ScriptEventFormMathArea: FC<ScriptEventFormMathAreaProps> = ({
id,
value,
placeholder,
onChange,
entityId,
}: ScriptEventFormMathAreaProps) => {
const context = useContext(ScriptEditorContext);
const [variables, setVariables] = useState<NamedVariable[]>([]);
const allVariables = useAppSelector((state) =>
variableSelectors.selectAll(state),
);
const customEvent = useAppSelector((state) =>
customEventSelectors.selectById(state, entityId),
);
const allConstants = useAppSelector(constantSelectors.selectAll);
const engineConstants = useAppSelector((state) => state.engine.consts);
const constants = useMemo(() => namedConstants(allConstants), [allConstants]);
useEffect(() => {
setVariables(namedVariablesByContext(context, allVariables, customEvent));
}, [allVariables, entityId, context, customEvent]);
return (
<MathTextarea
id={id}
entityId={entityId}
value={value || ""}
onChange={onChange}
variables={variables}
constants={constants}
engineConstants={engineConstants}
placeholder={placeholder}
/>
);
};
export default ScriptEventFormMathArea;
|