From e3d379cfd28bfa22441ba2d8a6655d03399a22d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikuro=E3=81=95=E3=81=84=E3=81=AA?= <ryosukadnak@gmail.com>
Date: Thu, 17 Aug 2023 07:12:43 +0900
Subject: [PATCH] fix: Make big button as CSS class (#16)

---
 .eslintrc.yaml          | 1 +
 assets/static/style.css | 9 +++------
 src/pages/index.tsx     | 9 +++++++--
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/.eslintrc.yaml b/.eslintrc.yaml
index 57bf8ec..6cf1b05 100644
--- a/.eslintrc.yaml
+++ b/.eslintrc.yaml
@@ -26,3 +26,4 @@ rules:
     react/react-in-jsx-scope: "off"
     simple-import-sort/imports: "error"
     simple-import-sort/exports: "error"
+    react/no-unknown-property: ["error", { ignore: ["class"] }]
diff --git a/assets/static/style.css b/assets/static/style.css
index 71f60f0..d9bf593 100644
--- a/assets/static/style.css
+++ b/assets/static/style.css
@@ -8,15 +8,12 @@ p {
     line-height: 1.6;
 }
 
-a {
+.big-button {
     text-decoration: none;
-}
-
-button {
+    text-align: center;
     cursor: pointer;
     display: block;
     padding: 18px;
-    margin: 0 auto;
     font-size: 250%;
     font-weight: bold;
     border: 0;
@@ -26,6 +23,6 @@ button {
     box-shadow: #777 4px 4px 16px;
 }
 
-button:active {
+.big-button:active {
     box-shadow: unset;
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a3110b7..8ba6507 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -14,8 +14,13 @@ export const Index = ({ requestUrl }: { requestUrl: string }): JSX.Element => {
                 OAuth を利用しており,
                 下記のボタンから当サービスでのトークンの利用を認可していただくことで登録処理を開始できます.
             </p>
-            <a href={redirectUrl} referrerPolicy="no-referrer" rel="noopener">
-                <button>アカウント情報を登録する</button>
+            <a
+                class="big-button"
+                href={redirectUrl}
+                referrerPolicy="no-referrer"
+                rel="noopener"
+            >
+                アカウント情報を登録する
             </a>
         </Layout>
     );