feat: nextjs 14 (#20)

* feat: eslint update * feat: start over and layout * feat: nextjs13 boilerplate * feat: static homepage * feat: static pages * feat: static unirse * chore: remove old mui types * chore: moving from yarn to bun * chore: update dependencies * feat: static equipo unirse * feat: move appwrite to entgamers-database package * feat: improve ui components * feat: update dependencies * feat: static login & register pages * fix: remove unused logs * feat: state redux toolkit & feedback slice * fix: equipo div inside p * feat: session * feat: metadataBase * feat: basic apply form * feat: http verbs * feat: recover password flow * chore: updated dependencies * fix: fix image config * fix: api team-applications route * fix: remove not longer used fonts * feat: session with current user * fix: login form recuperar contraseña * feat: equipo pages now uses data from database package * feat: useManageErrors hook * feat: updated cuenta page * chore: updated old formik forms to use hooks * feat: updated dependencies &package name * fix: session related bugs * fix: missing helper texts * feat: static applications dashboard * chore: update dependencies * refactor: team applications * fix: session api update
2024-07-30 18:23:15 -06:00
parent 14b52a7800
commit 8802b0fd68
175 changed files with 4485 additions and 8638 deletions
@@ -0,0 +1,88 @@
+'use client'
+import Button from '@/components/ui/Button'
+import Typography from '@/components/ui/Typography'
+import FormGroup from '@/components/ui/form/FormGroup'
+import Input from '@/components/ui/form/Input'
+import { useAppDispatch } from '@/hooks/useAppDispatch'
+import useManageError from '@/hooks/useManageError'
+import { addAlert } from '@/state/feedbackSlice'
+import { nanoid } from '@reduxjs/toolkit'
+import { createPasswordRecovery } from 'entgamers-database/frontend/session'
+import { useFormik } from 'formik'
+import { type FC } from 'react'
+import { object, string } from 'yup'
+
+interface RecoverPasswordData {
+  email: string
+}
+
+const recoverPasswordSchema = object({
+  email: string().email('El correo electrónico no es válido').required('El correo electrónico es requerido')
+})
+
+const CreateRecoverPasswordForm: FC = () => {
+  const { manageError } = useManageError()
+  const dispatch = useAppDispatch()
+
+  const formik = useFormik<RecoverPasswordData>({
+    initialValues: {
+      email: ''
+    },
+    onSubmit: async ({ email }) => {
+      try {
+        const callBackUrl = `${process.env.NEXT_PUBLIC_SITE_URL ?? 'http://localhost:3000'}/recover-password`
+        await createPasswordRecovery(email, callBackUrl)
+        dispatch(addAlert({
+          id: nanoid(),
+          title: 'Solicitud de recuperación de contraseña enviada',
+          message: 'Si el correo electrónico está registrado, se enviarán instrucciones para la recuperación de contraseña',
+          severity: 'success'
+        }))
+      } catch (error) {
+        manageError(error, 'Error mientras se registraba', 'Error desconocido mientras se registraba', 'error')
+      }
+    },
+    validationSchema: recoverPasswordSchema,
+    validateOnMount: true
+  })
+  return (
+    <form
+      onSubmit={formik.handleSubmit}
+    >
+      <FormGroup>
+        <label htmlFor="email">
+          Correo electrónico
+        </label>
+        <Input
+          id="email"
+          name="email"
+          type="email"
+          value={formik.values.email}
+          onChange={formik.handleChange}
+          onBlur={formik.handleBlur}
+          status={formik.touched.email !== undefined && formik.errors.email !== undefined ? 'danger' : 'success'}
+        />
+        {formik.touched.email !== undefined && formik.errors.email !== undefined
+          ? (
+            <Typography variant="caption" color="danger">
+              {formik.errors.email}
+            </Typography>
+          )
+          : (<Typography variant="caption" color="info">
+            Por favor, introduce el correo electrónico con el que te has registrado. Te enviaremos un correo con instrucciones para la recuperación de contraseña
+          </Typography>)
+        }
+      </FormGroup>
+      <FormGroup>
+        <Button
+          type="submit"
+          disabled={formik.isSubmitting}
+        >
+          Enviar correo de recuperación
+        </Button>
+      </FormGroup>
+    </form>
+  )
+}
+
+export default CreateRecoverPasswordForm