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,53 @@
+import LoginForm from '@/app/login/LoginForm'
+import Typography from '@/components/ui/Typography'
+import { css, cx } from '@/styled-system/css'
+import { Center } from '@/styled-system/jsx'
+import { container } from '@/styled-system/patterns'
+import { card } from '@/styled-system/recipes'
+import NextLink from 'next/link'
+import { type FC } from 'react'
+
+const LoginPage: FC = () => {
+  return (
+    <>
+      <Center
+        className={cx(
+          container(),
+          css({
+            minHeight: 'calc(100vh - 60px - 72px)'
+          }))
+        }
+      >
+        <div
+          className={cx(
+            card().body,
+            css({
+              width: '100%',
+              maxWidth: { sm: 'breakpoint-sm' },
+              overflow: 'visible'
+            })
+          )}
+        >
+          <div
+            className={
+              card().header
+            }
+          >
+            <Typography align="center" variant="h1">
+              Iniciar sesión
+            </Typography>
+          </div>
+          <div
+            className={card().content}
+          >
+            <LoginForm />
+            <Typography variant="caption" align="center" >
+              ¿No tienes una cuenta? <NextLink href="/register">Regístrate</NextLink>
+            </Typography>
+          </div>
+        </div>
+      </Center>
+    </>
+  )
+}
+export default LoginPage