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 | 1x 1x 1x 1x 1x 1x 1x 1x | import React, { useState, useEffect, FC, useContext } from "react";
import { useAppSelector } from "store/hooks";
import { DialogueTextarea } from "ui/form/DialogueTextarea";
import {
customEventSelectors,
fontSelectors,
variableSelectors,
} from "store/features/entities/entitiesSelectors";
import { NamedVariable, namedVariablesByContext } from "renderer/lib/variables";
import { ScriptEditorContext } from "components/script/context/ScriptEditorContext";
interface ScriptEventFormTextAreaProps {
id?: string;
value?: string;
placeholder?: string;
entityId: string;
maxlength?: number;
singleLine?: boolean;
onChange: (newValue: string) => void;
}
const ScriptEventFormTextArea: FC<ScriptEventFormTextAreaProps> = ({
id,
value = "",
placeholder,
maxlength = 52,
singleLine = false,
onChange,
entityId,
}: ScriptEventFormTextAreaProps) => {
const context = useContext(ScriptEditorContext);
const [variables, setVariables] = useState<NamedVariable[]>([]);
const fonts = useAppSelector((state) => fontSelectors.selectAll(state));
const allVariables = useAppSelector((state) =>
variableSelectors.selectAll(state),
);
const customEvent = useAppSelector((state) =>
customEventSelectors.selectById(state, entityId),
);
useEffect(() => {
setVariables(namedVariablesByContext(context, allVariables, customEvent));
}, [allVariables, entityId, context, customEvent]);
return (
<DialogueTextarea
id={id}
value={value || ""}
onChange={onChange}
variables={variables}
entityId={entityId}
fonts={fonts}
placeholder={placeholder}
maxlength={maxlength}
singleLine={singleLine}
/>
);
};
export default ScriptEventFormTextArea;
|