From 79b5223c19f33cee11d7f07c87eabeeb09a86ccf Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 3 May 2024 18:24:57 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(cardComponent/index.tsx):=20remove?=
 =?UTF-8?q?=20trailing=20commas=20in=20useState=20calls=20for=20better=20c?=
 =?UTF-8?q?ode=20consistency=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.t?=
 =?UTF-8?q?sx):=20remove=20unnecessary=20parentheses=20in=20useState=20cal?=
 =?UTF-8?q?ls=20for=20better=20code=20readability=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in=20className=20attribute=20for=20better=20code=20formattin?=
 =?UTF-8?q?g=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20whitespace=20in=20className=20attribute=20for=20b?=
 =?UTF-8?q?etter=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20whitespace=20in=20classNa?=
 =?UTF-8?q?me=20attribute=20for=20better=20code=20formatting=20=E2=99=BB?=
 =?UTF-8?q?=EF=B8=8F=20(cardComponent/index.tsx):=20remove=20unnecessary?=
 =?UTF-8?q?=20whitespace=20in=20className=20attribute=20for=20better=20cod?=
 =?UTF-8?q?e=20formatting=20=E2=99=BB=EF=B8=8F=20(cardComponent/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20whitespace=20in=20className=20attrib?=
 =?UTF-8?q?ute=20for=20better=20code=20formatting=20=E2=99=BB=EF=B8=8F=20(?=
 =?UTF-8?q?cardComponent/index.tsx):=20remove=20unnecessary=20whitespace?=
 =?UTF-8?q?=20in?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/cardComponent/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 958abffb4..ac85926d5 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -442,9 +442,9 @@ export default function CollectionCardComponent({
                   disabled={loadingPlayground}
                   key={data.id}
                   tabIndex={-1}
-                  variant="outline"
+                  variant="primary"
                   size="sm"
-                  className="gap-2 whitespace-nowrap"
+                  className="gap-2 whitespace-nowrap bg-muted"
                   data-testid={"playground-flow-button-" + data.id}
                   onClick={(e) => {
                     e.preventDefault();