fix: button links not responding when touched on a mobile device (#217)

2025-04-29 18:38:09 +09:00
parent 921c732860
commit de9e26a241
6 changed files with 72 additions and 54 deletions
--- a/frontend/src/app/[locale]/account/AccountPage.tsx
+++ b/frontend/src/app/[locale]/account/AccountPage.tsx
@@ -86,11 +86,16 @@ export default function AccountPage({ messages, locale }: Props) {
            ) : (
              <>
                <span className="text-default-500 me-2">{messages.notOwnAnyProjects}</span>
-                <Link href={`/projects/`} locale={locale} className={NextUiLinkClasses}>
-                  <Button variant="flat" size="sm" endContent={<ArrowRight size={12} />}>
-                    {messages.findProjects}
-                  </Button>
-                </Link>
+                <Button
+                  as={Link}
+                  href={`/projects/`}
+                  locale={locale}
+                  variant="flat"
+                  size="sm"
+                  endContent={<ArrowRight size={12} />}
+                >
+                  {messages.findProjects}
+                </Button>
              </>
            )}
          </div>