From e163d0281b18bea38f68502246d07053bb1d5b35 Mon Sep 17 00:00:00 2001 From: Andres J Date: Fri, 6 Feb 2026 21:33:59 -0600 Subject: [PATCH 1/3] =?UTF-8?q?ui(router-fm):=20integrar=20Pico=20CSS=20po?= =?UTF-8?q?r=20CDN;=20simplificar=20login/signup=20con=20formularios=20sem?= =?UTF-8?q?=C3=A1nticos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/react-app-router-fm/app/root.tsx | 11 +- apps/react-app-router-fm/app/routes/login.tsx | 97 +++++--------- .../react-app-router-fm/app/routes/signup.tsx | 124 +++++++----------- 3 files changed, 92 insertions(+), 140 deletions(-) diff --git a/apps/react-app-router-fm/app/root.tsx b/apps/react-app-router-fm/app/root.tsx index d29b412f..8ef1d70c 100644 --- a/apps/react-app-router-fm/app/root.tsx +++ b/apps/react-app-router-fm/app/root.tsx @@ -20,6 +20,10 @@ export const links: LinksFunction = () => [ href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap", }, + { + rel: "stylesheet", + href: "https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css", + }, ] export function Layout({ children }: { children: React.ReactNode }) { @@ -28,12 +32,15 @@ export function Layout({ children }: { children: React.ReactNode }) { + - - {children} +
+ +
+
{children}
diff --git a/apps/react-app-router-fm/app/routes/login.tsx b/apps/react-app-router-fm/app/routes/login.tsx index e0b22373..74cbab52 100644 --- a/apps/react-app-router-fm/app/routes/login.tsx +++ b/apps/react-app-router-fm/app/routes/login.tsx @@ -30,66 +30,41 @@ export default function Login() { } return ( -
-
-
-

- Sign in to your account -

-
-
-
-
- - setEmail(e.target.value)} - /> -
-
- - setPassword(e.target.value)} - /> -
-
- - {error &&
{error}
} - -
- -
-
- -
-
+
+

Sign in to your account

+
+
+ + setEmail(e.target.value)} + /> + + setPassword(e.target.value)} + /> +
+ {error && {error}} + +
+
+ + Don't have an account? Sign up + +
+
) } diff --git a/apps/react-app-router-fm/app/routes/signup.tsx b/apps/react-app-router-fm/app/routes/signup.tsx index 859e48bb..a418aaa0 100644 --- a/apps/react-app-router-fm/app/routes/signup.tsx +++ b/apps/react-app-router-fm/app/routes/signup.tsx @@ -32,82 +32,52 @@ export default function SignUp() { } return ( -
-
-
-

- Create an account -

-
-
-
-
- - setName(e.target.value)} - /> -
-
- - setEmail(e.target.value)} - /> -
-
- - setPassword(e.target.value)} - /> -
-
- - {error &&
{error}
} - -
- -
-
- -
-
+
+

Create an account

+
+
+ + setName(e.target.value)} + /> + + setEmail(e.target.value)} + /> + + setPassword(e.target.value)} + /> +
+ {error && {error}} + +
+
+ + Already have an account? Sign in + +
+
) } From 1094dd4a6dc62461cc8e795a49a0fea30a2439d3 Mon Sep 17 00:00:00 2001 From: Andres J Date: Fri, 6 Feb 2026 23:02:35 -0600 Subject: [PATCH 2/3] feat(router-fm): responsive nav UX, responsive todo container, protect todo route with auth guard; better-auth pg pool for migrate CLI --- apps/react-app-router-fm/app/app-nav.tsx | 49 ++++- .../app/lib/better-auth-options.server.ts | 6 +- apps/react-app-router-fm/app/root.tsx | 13 +- apps/react-app-router-fm/app/routes.tsx | 2 +- apps/react-app-router-fm/app/routes/about.tsx | 98 --------- apps/react-app-router-fm/app/routes/login.tsx | 72 +++---- .../react-app-router-fm/app/routes/signup.tsx | 96 ++++----- .../app/routes/todo-app.tsx | 193 ++++++++++++++++++ 8 files changed, 329 insertions(+), 200 deletions(-) delete mode 100644 apps/react-app-router-fm/app/routes/about.tsx create mode 100644 apps/react-app-router-fm/app/routes/todo-app.tsx diff --git a/apps/react-app-router-fm/app/app-nav.tsx b/apps/react-app-router-fm/app/app-nav.tsx index 8b23a3eb..3c5f6ad6 100644 --- a/apps/react-app-router-fm/app/app-nav.tsx +++ b/apps/react-app-router-fm/app/app-nav.tsx @@ -1,16 +1,47 @@ -import { NavLink } from "react-router" +import { NavLink, useNavigate } from "react-router" import { authClient } from "./lib/auth-client.js" export function AppNav() { + const navigate = useNavigate() return ( -