From afb5223d781f4127533fb0c92dbdd9c692af7e6d Mon Sep 17 00:00:00 2001 From: Paulo Bernardo Date: Fri, 22 Sep 2023 15:43:26 -0300 Subject: [PATCH] feat: new updates modal content --- src/components/flow/Flow.module.scss | 10 +++++++ src/components/flow/Flow.tsx | 39 ++++++++++++++++++---------- src/config/i18n/es/resource.json | 15 ++++++----- src/config/i18n/pt-br/resource.json | 15 ++++++----- 4 files changed, 51 insertions(+), 28 deletions(-) diff --git a/src/components/flow/Flow.module.scss b/src/components/flow/Flow.module.scss index 4d2bbf591..de459510f 100644 --- a/src/components/flow/Flow.module.scss +++ b/src/components/flow/Flow.module.scss @@ -32,8 +32,18 @@ .news_list { display: flex; + gap: $unnnic-spacing-xs; flex-direction: column; align-items: center; + text-align: center; + color: $unnnic-color-neutral-cloudy; + font-family: $unnnic-font-family-secondary; + font-size: $unnnic-font-size-body-lg; + font-weight: $unnnic-font-weight-regular; + line-height: $unnnic-line-height-md + $unnnic-font-size-body-lg; + } + + .footer { color: $unnnic-color-neutral-black; font-family: $unnnic-font-family-secondary; font-size: $unnnic-font-size-body-lg; diff --git a/src/components/flow/Flow.tsx b/src/components/flow/Flow.tsx index 836dd3491..533899122 100644 --- a/src/components/flow/Flow.tsx +++ b/src/components/flow/Flow.tsx @@ -57,11 +57,11 @@ import { PopTabType } from 'config/interfaces'; import styles from './Flow.module.scss'; import { applyVueInReact } from 'vuereact-combined'; // @ts-ignore -import { unnnicModalNext, unnnicButton } from '@weni/unnnic-system'; +import { unnnicModalNext, unnnicButtonNext } from '@weni/unnnic-system'; import { WeniLoveIcon } from './WeniLoveIcon'; import i18n from '../../config/i18n'; -const UnnnicButton = applyVueInReact(unnnicButton, { +const UnnnicButton = applyVueInReact(unnnicButtonNext, { vue: { componentWrap: 'div', slotWrap: 'div', @@ -429,36 +429,47 @@ export class Flow extends React.PureComponent {
- - {i18n.t('new_updates.title', 'Flow Editor has a new look!')} - - + {i18n.t('new_updates.title', 'News in the area!')} + {/* {i18n.t('new_updates.description', 'Whats new?')} - + */}
- •  {i18n.t('new_updates.news.first', 'A beautiful new interface')} + •  {i18n.t('new_updates.news.first', 'The editor is faster')} - •  {i18n.t('new_updates.news.second', 'Nodes copy and paste functionality')} + • {' '} + {i18n.t( + 'new_updates.news.second', + 'Two new cards for processing responses in a 100% intelligent way' + )} - •  {i18n.t('new_updates.news.third', 'Sidebar with tools (evolving)')} • {' '} - {i18n.t('new_updates.news.fourth', 'Possibility to create a new block anywhere')} + {i18n.t('new_updates.news.third', 'Copy and paste any type of card without worrying')} + + + • {' '} + {i18n.t('new_updates.news.fourth', 'Bugs fixed in the selection component on cards')} •  {i18n.t('new_updates.news.fifth', 'WhatsApp simulator skin')}
+ +
+ + {i18n.t('new_updates.footer', 'Feel free to send feedback on your experience')} + +
{ ReactDOM.unmountComponentAtNode(newUpdatesModalEl); }} /> - { this.startGuiding(); ReactDOM.unmountComponentAtNode(newUpdatesModalEl); }} - /> + /> */}
, newUpdatesModalEl diff --git a/src/config/i18n/es/resource.json b/src/config/i18n/es/resource.json index 5ba592293..44ca2ee62 100644 --- a/src/config/i18n/es/resource.json +++ b/src/config/i18n/es/resource.json @@ -594,19 +594,20 @@ "single": "Bloque copiados con éxito" }, "new_updates": { - "title": "¡El Editor de flujo tiene una nueva apariencia!", + "title": "¡Novedades en la zona!", "description": "¿Qué hay de nuevo?", "news": { - "first": "Una nueva y hermosa interfaz", - "second": "Funcionalidad de copiar y pegar bloques", - "third": "Barra lateral con herramientas (en evolución)", - "fourth": "Posibilidad de crear un nuevo bloque en cualquier lugar.", + "first": "El editor es más rápido", + "second": "Dos nuevas tarjetas para procesar respuestas de forma 100% inteligente", + "third": "Copia y pega cualquier tipo de tarjeta sin preocuparte", + "fourth": "Errores solucionados en el componente de selección de tarjetas.", "fifth": "Máscara de WhatsApp en el simulador." }, "buttons": { - "first": "Ignorar", + "first": "Fechar", "second": "Muestrame todo" - } + }, + "footer": "No dude en enviarnos sus comentarios sobre su experiencia" }, "guiding": { "close_tour": "Cerrar guía", diff --git a/src/config/i18n/pt-br/resource.json b/src/config/i18n/pt-br/resource.json index a0d1a7284..57ba83e55 100644 --- a/src/config/i18n/pt-br/resource.json +++ b/src/config/i18n/pt-br/resource.json @@ -595,19 +595,20 @@ "single": "Bloco copiado com sucesso" }, "new_updates": { - "title": "O Editor de Fluxos tá de cara nova!", + "title": "Novidade na área!", "description": "O que tem de novo?", "news": { - "first": "Uma linda interface nova", - "second": "Funcionalidade de copiar e colar blocos", - "third": "Sidebar com ferramentas (evoluindo)", - "fourth": "Possiblidade de criar um novo bloco em qualquer lugar", + "first": "O editor está mais rápido", + "second": "Dois novos cards para tratamento das respostas de forma 100% inteligente", + "third": "Copie e cole qualquer tipo de card sem se preocupar", + "fourth": "Bugs corrigidos no componente de seleção nos cards", "fifth": "Skin do WhatsApp no simulador" }, "buttons": { - "first": "Ignorar", + "first": "Fechar", "second": "Me mostra tudo" - } + }, + "footer": "Fique à vontade para enviar feedbacks sobre sua experiência" }, "guiding": { "close_tour": "Fechar tour",