Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dialogo final #308

Merged
merged 3 commits into from
Sep 18, 2024
Merged

Dialogo final #308

merged 3 commits into from
Sep 18, 2024

Conversation

danielferro69
Copy link
Contributor

Resolves #253

enddialog.mp4

@danielferro69 danielferro69 requested a review from a team as a code owner September 9, 2024 14:49
Copy link
Contributor

@dlopezalvas dlopezalvas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Quedó muy lindo el confeti 🚀 🚀

Lo que sí quizás se podría agregar la x para cerrar arriba a la derecha como tiene ahora en prod el dialogo:

image

Por las dudas que no se entienda del todo que hay que hacerle clic afuera para sacarlo.

Con el tema de las traducciones, no se @rgonzalezt si hay algun issue con migración de las traducciones al inglés y portugués, si no estaría bueno ya pasar las de el dialogo en este mismo PR.

Comment on lines 35 to 54
const EndDialog = () =>
<Dialog
open={showModal}
disableRestoreFocus
fullWidth={true}
maxWidth="md"
onClose={() => setShowModal(false)}>
<DialogTitle id="draggable-dialog" sx={{ cursor: 'auto', fontWeight: 'bold', height: '50px', display: 'flex', alignItems: 'center' }}>{t('congratulationsModal.title')}</DialogTitle>
<DialogContent sx={{ overflow: "hidden", backgroundColor: theme.palette.background.default }}>
<Stack alignItems="center">
<ConfettiExplosion {...{ force: 0.8, duration: 3000, particleCount: 250, width: 1600 }} />
<img alt="register" width="25%" src="imagenes/primer-ciclo.png"></img>
<Stack display='flex' flexDirection='row' flexWrap='wrap' justifyContent='center' alignItems='center'>
<Typography style={{ display: 'inline-block', fontSize: '1.1rem', fontWeight: 'bold', fontStyle: 'italic' }}>{t("congratulationsModal.subtitle")}&nbsp;</Typography>
<Typography style={{ display: 'inline-block', fontSize: '1.1rem' }}>{t("congratulationsModal.text1")}</Typography>
</Stack>
<Typography style={{ fontSize: '1.1rem' }}>{t("congratulationsModal.text2")}</Typography>
</Stack>
</DialogContent>
</Dialog>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Esto podría estar en otro archivo, si bien la lógica de cuándo se tiene que mostrar tiene que estar acoplada al botón porque acá se hace la ejecución, toda la parte de componentes que hacen el dialogo y estilos (el componente EndDialog en sí) no tiene tanto que ver con la ejecución asi que mejor que esté por separado.

@rgonzalezt
Copy link
Contributor

No hay un issue de traducciones, traduzcamos a medida que vamos creando nuevos textos!
Y sí a agregar la "X" para cerrar 👍

@danielferro69
Copy link
Contributor Author

No hay un issue de traducciones, traduzcamos a medida que vamos creando nuevos textos! Y sí a agregar la "X" para cerrar 👍

image

@danielferro69
Copy link
Contributor Author

@rgonzalezt @dlopezalvas si les parece con los cambios que pasé recien, me avisan y hago el merge !

@asanzo
Copy link
Contributor

asanzo commented Sep 17, 2024

Copien traducciones existentes ya en ember!! Gran laburo gente linda!!

@rgonzalezt
Copy link
Contributor

quedó buenísimo!!

@danielferro69 danielferro69 merged commit f40559f into develop Sep 18, 2024
10 checks passed
@danielferro69 danielferro69 deleted the endDialog branch September 18, 2024 20:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Dialogo final de felicitación simple
4 participants