From a1efcba56d646f43d67691e39e6f6242002f4b1c Mon Sep 17 00:00:00 2001
From: Cor-Ina <115652409+Cor-Ina@users.noreply.github.com>
Date: Sun, 7 Jul 2024 19:36:19 -0400
Subject: [PATCH] fix(#273): remove the hard-coded data-testid

---
 app/register/Register.tsx            | 14 ++++++++++++--
 components/LinkCustom/LinkCustom.tsx |  4 ++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/register/Register.tsx b/app/register/Register.tsx
index a28fd596..208735ae 100644
--- a/app/register/Register.tsx
+++ b/app/register/Register.tsx
@@ -134,7 +134,12 @@ const Register = (): JSX.Element => {
             </h1>
             <p className="pb-4 font-normal leading-7 text-zinc-500">
               If you have an existing account{' '}
-              <LinkCustom href="/login">Login!</LinkCustom>
+              <LinkCustom 
+                href="/login"
+                data-testid="login-link"
+              >
+                Login!
+              </LinkCustom>
             </p>
 
             <Form {...form}>
@@ -214,7 +219,12 @@ const Register = (): JSX.Element => {
                   disabled={isDisabled}
                 />
                 <p className="pb-4 font-normal leading-7 text-zinc-500">
-                  <LinkCustom href="/login">Login</LinkCustom>
+                  <LinkCustom 
+                    href="/login"
+                    data-testid="login-link" 
+                  >
+                    Login
+                  </LinkCustom>
                   {' '} to get started playing
                 </p>
 
diff --git a/components/LinkCustom/LinkCustom.tsx b/components/LinkCustom/LinkCustom.tsx
index afb5be91..a524c872 100644
--- a/components/LinkCustom/LinkCustom.tsx
+++ b/components/LinkCustom/LinkCustom.tsx
@@ -16,13 +16,13 @@ interface ILinkCustomProps {
  * @param props.href - this is the URL you want the link to point to
  * @returns The custom link component
  */
-const LinkCustom = ({ children, href }: ILinkCustomProps): JSX.Element => {
+const LinkCustom = ({ children, href, ... props }: ILinkCustomProps): JSX.Element => {
   return (
     <Link
       className={'font-bold text-orange-600 hover:text-orange-600 hover:underline'}
-      data-testid="linkCustom"
       href={href}
       passHref
+      { ...props }
     >
       {children}
     </Link>