update to js

dashboard_js/app/layouts/auth/_link.jsx

@@ -0,0 +1,18 @@
+import { createElement } from 'react'
+import clsx from 'clsx'
+
+export function Link({ children, as = 'button', className, ...props }) {
+  return createElement(
+    as,
+    {
+      className: clsx(
+        className,
+        'text-green-primary dark:text-green-secondary underline hover:no-underline',
+        'disabled:no-underline disabled:cursor-not-allowed disabled:text-gray-400',
+        'dark:disabled:text-gray-600',
+      ),
+      ...props,
+    },
+    children,
+  )
+}

dashboard_js/app/layouts/auth/layout.jsx

@@ -1,9 +1,10 @@
-import { Outlet, Link } from 'react-router'
-import { Regular as Logo } from '~/components/logo'
+import { Outlet, Link, useSearchParams } from 'react-router'
+import { Regular as Logo } from '../../components/logo'
 import Pulse from './_pulse'
 import WomanImg from './woman.png'
 
 export default function Auth() {
+  const [searchParams] = useSearchParams()
   const year = new Date().getFullYear()
 
   return (
@@ -42,7 +43,15 @@ export default function Auth() {
           </div>
 
           <div className="text-center mt-2.5 aria-hidden:hidden">
-            <a href="#">Precisa de ajuda? Fale conosco</a>
+            <Link
+              to={{
+                pathname: '/auth/support',
+                search: searchParams.toString(),
+              }}
+              state={{ location: window.location.href }}
+            >
+              Precisa de ajuda? Fale conosco
+            </Link>
           </div>
         </div>
       </div>
@@ -50,7 +59,7 @@ export default function Auth() {
   )
 }
 
-export function Card({ children }: { children: React.ReactNode }) {
+export function Card({ children }) {
   return (
     <Container>
       <div className="space-y-2.5 xl:space-y-5 rounded-xl bg-yellow-50 dark:bg-gray-700/60 p-4 lg:p-8 drop-shadow-xs shadow-xs">
@@ -60,6 +69,6 @@ export function Card({ children }: { children: React.ReactNode }) {
   )
 }
 
-export function Container({ children }: { children: React.ReactNode }) {
+export function Container({ children }) {
   return <div className="w-full 2xl:w-[26rem]">{children}</div>
 }