1. Copiar a pasta Typebot

Copiar a pasta Typebot para:

/home/deploy/nome_da_sua_instancia/frontend/src/pages/

1.1 Alterar a URL do Iframe

Altere a URL que você deseja incluir:

<iframe
  className={classes.iframe}
  src="https://app.typebot.live/pt-BR/typebots">
</iframe>
    

2. Adicionar informações na rota

Abra o arquivo index.js localizado em:

/home/deploy/nome_da_sua_instancia/frontend/src/routes/

2.1 Incluir import

Inclua a seguinte informação abaixo do último item "import":

import Typebot from "../pages/Typebot/";

2.2 Incluir a rota

Adicione a rota para a nova página:

<Route exact path="/typebot" component={Typebot} isPrivate />
    

3. Adicionar informações no menu

Abra o arquivo MainListItems.js localizado em:

/home/deploy/nome_da_sua_instancia/frontend/src/layout/

3.1 Adicionar item no menu lateral

Inclua o seguinte código abaixo do item desejado no menu:

<ListItemLink
  to="/typebot"
  primary={i18n.t("Typebot")}
  icon={<AccountTreeOutlinedIcon />}
/>
    

3.2 Alterar ícone

Para alterar o ícone, modifique o elemento icon={<AccountTreeOutlinedIcon />} usando a biblioteca de ícones disponível em:

https://mui.com/material-ui/material-icons/

4. Rodar os comandos para fazer o deploy

Após realizar todas as alterações, execute os seguintes comandos para fazer o deploy:

cd /home/deploy/nome_da_sua_instancia/frontend
npm run build
pm2 restart all