From a97ee55650ba15442d13c96212c7f0a7c165299b Mon Sep 17 00:00:00 2001
From: scarf <greenscarf005@gmail.com>
Date: Thu, 27 Mar 2025 01:51:13 +0900
Subject: [PATCH] refactor: GrantPermissionButton

---
 .../components/grant_permission_button.jsx    | 20 ----------------
 .../components/grant_permission_button.tsx    | 23 +++++++++++++++++++
 2 files changed, 23 insertions(+), 20 deletions(-)
 delete mode 100644 app/javascript/mastodon/features/notifications/components/grant_permission_button.jsx
 create mode 100644 app/javascript/mastodon/features/notifications/components/grant_permission_button.tsx

diff --git a/app/javascript/mastodon/features/notifications/components/grant_permission_button.jsx b/app/javascript/mastodon/features/notifications/components/grant_permission_button.jsx
deleted file mode 100644
index cd46d878bb..0000000000
--- a/app/javascript/mastodon/features/notifications/components/grant_permission_button.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import PropTypes from 'prop-types';
-import { PureComponent } from 'react';
-
-import { FormattedMessage } from 'react-intl';
-
-export default class GrantPermissionButton extends PureComponent {
-
-  static propTypes = {
-    onClick: PropTypes.func.isRequired,
-  };
-
-  render () {
-    return (
-      <button className='text-btn column-header__permission-btn' tabIndex={0} onClick={this.props.onClick}>
-        <FormattedMessage id='notifications.grant_permission' defaultMessage='Grant permission.' />
-      </button>
-    );
-  }
-
-}
diff --git a/app/javascript/mastodon/features/notifications/components/grant_permission_button.tsx b/app/javascript/mastodon/features/notifications/components/grant_permission_button.tsx
new file mode 100644
index 0000000000..3e160cb0d0
--- /dev/null
+++ b/app/javascript/mastodon/features/notifications/components/grant_permission_button.tsx
@@ -0,0 +1,23 @@
+import { MouseEventHandler } from 'react';
+import { FormattedMessage } from 'react-intl';
+
+interface Props {
+  onClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+const GrantPermissionButton: React.FC<Props> = ({ onClick }) => {
+  return (
+    <button
+      className='text-btn column-header__permission-btn'
+      tabIndex={0}
+      onClick={onClick}
+    >
+      <FormattedMessage
+        id='notifications.grant_permission'
+        defaultMessage='Grant permission.'
+      />
+    </button>
+  );
+};
+
+export default GrantPermissionButton;