diff --git a/frontend/src/Editor/Components/Text.jsx b/frontend/src/Editor/Components/Text.jsx index b17b7d856d..61473ba8eb 100644 --- a/frontend/src/Editor/Components/Text.jsx +++ b/frontend/src/Editor/Components/Text.jsx @@ -11,16 +11,7 @@ const VERTICAL_ALIGNMENT_VS_CSS_VALUE = { bottom: 'flex-end', }; -export const Text = function Text({ - height, - properties, - fireEvent, - styles, - darkMode, - setExposedVariable, - dataCy, - isEditorReady, -}) { +export const Text = function Text({ height, properties, fireEvent, styles, darkMode, setExposedVariable, dataCy }) { let { textSize, textColor, @@ -57,43 +48,40 @@ export const Text = function Text({ }, [properties.visibility, loadingState, disabledState]); useEffect(() => { - if (isEditorReady) { - const text = computeText(); + const text = computeText(); + setText(text); + setExposedVariable('text', text); + + setExposedVariable('setText', async function (text) { setText(text); setExposedVariable('text', text); + }); + setExposedVariable('clear', async function (text) { + setText(''); + setExposedVariable('text', ''); + }); + setExposedVariable('isVisible', properties.visibility); + setExposedVariable('isLoading', loadingState); + setExposedVariable('isDisabled', disabledState); - setExposedVariable('setText', async function (text) { - setText(text); - setExposedVariable('text', text); - }); - setExposedVariable('clear', async function (text) { - setText(''); - setExposedVariable('text', ''); - }); - setExposedVariable('isVisible', properties.visibility); - setExposedVariable('isLoading', loadingState); - setExposedVariable('isDisabled', disabledState); + setExposedVariable('visibility', async function (value) { + setVisibility(value); + }); - setExposedVariable('visibility', async function (value) { - setVisibility(value); - }); + setExposedVariable('setVisibility', async function (value) { + setVisibility(value); + }); - setExposedVariable('setVisibility', async function (value) { - setVisibility(value); - }); + setExposedVariable('setLoading', async function (value) { + setLoading(value); + }); - setExposedVariable('setLoading', async function (value) { - setLoading(value); - }); - - setExposedVariable('setDisable', async function (value) { - setIsDisabled(value); - }); - } + setExposedVariable('setDisable', async function (value) { + setIsDisabled(value); + }); // eslint-disable-next-line react-hooks/exhaustive-deps }, [ - isEditorReady, properties.text, setText, setVisibility,