Add direct registration link

keycloakify · Aug 5, 2024 · 8a7cfea · 8a7cfea
1 parent eb1bd2d
commit 8a7cfea
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 3 deletions.
diff --git a/examples/react-router/src/router/Header.tsx b/examples/react-router/src/router/Header.tsx
@@ -40,7 +40,26 @@ export function Header() {
                 </div>
             ) : (
                 <div>
-                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>
+                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>{" "}
+                    <button
+                        onClick={() =>
+                            login({
+                                doesCurrentHrefRequiresAuth: false,
+                                transformUrlBeforeRedirect: url => {
+                                    const urlObj = new URL(url);
+
+                                    urlObj.pathname = urlObj.pathname.replace(
+                                        /\/auth$/,
+                                        "/registrations"
+                                    );
+
+                                    return urlObj.href;
+                                }
+                            })
+                        }
+                    >
+                        Register
+                    </button>
                 </div>
             )}
         </div>

diff --git a/examples/tanstack-router-file-based/src/components/Header.tsx b/examples/tanstack-router-file-based/src/components/Header.tsx
@@ -48,7 +48,26 @@ export function Header() {
                 </div>
             ) : (
                 <div>
-                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>
+                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>{" "}
+                    <button
+                        onClick={() =>
+                            login({
+                                doesCurrentHrefRequiresAuth: false,
+                                transformUrlBeforeRedirect: url => {
+                                    const urlObj = new URL(url);
+
+                                    urlObj.pathname = urlObj.pathname.replace(
+                                        /\/auth$/,
+                                        "/registrations"
+                                    );
+
+                                    return urlObj.href;
+                                }
+                            })
+                        }
+                    >
+                        Register
+                    </button>
                 </div>
             )}
         </div>

diff --git a/examples/tanstack-router/src/router/Header.tsx b/examples/tanstack-router/src/router/Header.tsx
@@ -48,7 +48,26 @@ export function Header() {
                 </div>
             ) : (
                 <div>
-                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>
+                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>{" "}
+                    <button
+                        onClick={() =>
+                            login({
+                                doesCurrentHrefRequiresAuth: false,
+                                transformUrlBeforeRedirect: url => {
+                                    const urlObj = new URL(url);
+
+                                    urlObj.pathname = urlObj.pathname.replace(
+                                        /\/auth$/,
+                                        "/registrations"
+                                    );
+
+                                    return urlObj.href;
+                                }
+                            })
+                        }
+                    >
+                        Register
+                    </button>
                 </div>
             )}
         </div>