From 140aa6b054bb73b10a33bda17090453dd550267a Mon Sep 17 00:00:00 2001
From: fusagiko / takayamaki <24884114+takayamaki@users.noreply.github.com>
Date: Sun, 7 May 2023 16:10:58 +0900
Subject: [PATCH] Rewrite VerifiedBadge component as function component
(#24892)
---
.../mastodon/components/account.jsx | 2 +-
.../mastodon/components/verified_badge.jsx | 25 -------------------
.../mastodon/components/verified_badge.tsx | 14 +++++++++++
3 files changed, 15 insertions(+), 26 deletions(-)
delete mode 100644 app/javascript/mastodon/components/verified_badge.jsx
create mode 100644 app/javascript/mastodon/components/verified_badge.tsx
diff --git a/app/javascript/mastodon/components/account.jsx b/app/javascript/mastodon/components/account.jsx
index 0e2295e3a9..6a0682e9c1 100644
--- a/app/javascript/mastodon/components/account.jsx
+++ b/app/javascript/mastodon/components/account.jsx
@@ -151,7 +151,7 @@ class Account extends ImmutablePureComponent {
const firstVerifiedField = account.get('fields').find(item => !!item.get('verified_at'));
if (firstVerifiedField) {
- verification = <>· <VerifiedBadge link={firstVerifiedField.get('value')} verifiedAt={firstVerifiedField.get('verified_at')} /></>;
+ verification = <>· <VerifiedBadge link={firstVerifiedField.get('value')} /></>;
}
return (
diff --git a/app/javascript/mastodon/components/verified_badge.jsx b/app/javascript/mastodon/components/verified_badge.jsx
deleted file mode 100644
index 3d878d5dd1..0000000000
--- a/app/javascript/mastodon/components/verified_badge.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Icon from 'mastodon/components/icon';
-
-class VerifiedBadge extends React.PureComponent {
-
- static propTypes = {
- link: PropTypes.string.isRequired,
- verifiedAt: PropTypes.string.isRequired,
- };
-
- render () {
- const { link } = this.props;
-
- return (
- <span className='verified-badge'>
- <Icon id='check' className='verified-badge__mark' />
- <span dangerouslySetInnerHTML={{ __html: link }} />
- </span>
- );
- }
-
-}
-
-export default VerifiedBadge;
\ No newline at end of file
diff --git a/app/javascript/mastodon/components/verified_badge.tsx b/app/javascript/mastodon/components/verified_badge.tsx
new file mode 100644
index 0000000000..78686b521b
--- /dev/null
+++ b/app/javascript/mastodon/components/verified_badge.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon } from './icon';
+
+type Props = {
+ link: string;
+};
+export const VerifiedBadge: React.FC<Props> = ({ link }) => (
+ <span className='verified-badge'>
+ <Icon id='check' className='verified-badge__mark' />
+ <span dangerouslySetInnerHTML={{ __html: link }} />
+ </span>
+);
+
+export default VerifiedBadge;