Site Editor não refrete alterações dentro do componente

VTEX in your native language 🌎 Português
1

Fala pessoal, tudo bem?
Estou criando um componente simples aqui ( meu primeiro =) )
E ele funciona bem, mas me foi solicitado em colocar isso dentro do site editor para ter a possibilidade de ativar e desativar ele.

Eu fiz o schema e ele aparece la no site editor, porém, quando eu mudo a chave para true ou false, o componente não responde, é como se não tivessem ligação.
Se eu der um console na prop, o valor vem undefined.
Poderiam me ajudar a entender o que estou fazendo de errado?

Observações:

  • estou testando em uma WS, não esta em prod ainda.
  • não estou fazendo em typescript, estou desenvolvendo em react

Meu schema:

const ModalCep = ({isActive}) => {

    console.log('modal ativo', isActive)

    /*......... Restante do código .........*/

    return <>
        {isReady && isActive? renderLink() : ''}  
        {isPopupOpen && isActive? renderModal() : ''}
    </>
}

ModalCep.schema = {
    title: 'Ativar Modal de Cep?',
    type: 'object',
    properties: {
        isActive: {
            title: 'Modal de Cep',
            type: 'boolean',
            default: true
        }
    }
}

Print do meu schema no site editor, aparentemente, tudo certo, né?
image

Podem me ajudar a entender isso? Realmente não sei mais onde pesquisar.

2

Oi @andreyfaiottoclement, sou iniciante então desculpe se a sugestão for imprópria. Pensei que se sua tag html estiver com o atributo display=“none”, ao modificar via CSS precisaria colocar !important. Pode ser esse o caso?

3

oi @AlbertoVictorRebello não tem ligação, meu componente nem renderiza na tela.
O que estou fazendo ali no return já é verificar se por exemplo “isReady” e “isActive” são true, pra renderizar o elemento.
Se eu usar o definir a props como true, ela já vem carregada certinho, mas ai eu nao consigo tirar ela.

ModalCep.defaultProps = {
    isActive: true
}

Então o problema não é de style

1 Like