diff options
author | alfe <alfe10251@gmail.com> | 2023-06-11 11:47:18 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-06-11 04:47:18 +0200 |
commit | dfaf59d99a2aa1f913608faee978bc3e1586a3ce (patch) | |
tree | 5d5cbfaa54ce46eef04bbe05182f7999a4e968d3 | |
parent | 432a5d2d4bc307d9a9c7b484de96d3eb7926fa93 (diff) |
Rewrite <LoadPending /> as FC and TS (#25363)
-rw-r--r-- | app/javascript/mastodon/components/load_pending.jsx | 23 | ||||
-rw-r--r-- | app/javascript/mastodon/components/load_pending.tsx | 18 | ||||
-rw-r--r-- | app/javascript/mastodon/components/scrollable_list.jsx | 2 |
3 files changed, 19 insertions, 24 deletions
diff --git a/app/javascript/mastodon/components/load_pending.jsx b/app/javascript/mastodon/components/load_pending.jsx deleted file mode 100644 index e9c1a978369..00000000000 --- a/app/javascript/mastodon/components/load_pending.jsx +++ /dev/null @@ -1,23 +0,0 @@ -import PropTypes from 'prop-types'; -import { PureComponent } from 'react'; - -import { FormattedMessage } from 'react-intl'; - -export default class LoadPending extends PureComponent { - - static propTypes = { - onClick: PropTypes.func, - count: PropTypes.number, - }; - - render() { - const { count } = this.props; - - return ( - <button className='load-more load-gap' onClick={this.props.onClick}> - <FormattedMessage id='load_pending' defaultMessage='{count, plural, one {# new item} other {# new items}}' values={{ count }} /> - </button> - ); - } - -} diff --git a/app/javascript/mastodon/components/load_pending.tsx b/app/javascript/mastodon/components/load_pending.tsx new file mode 100644 index 00000000000..f7589622edb --- /dev/null +++ b/app/javascript/mastodon/components/load_pending.tsx @@ -0,0 +1,18 @@ +import { FormattedMessage } from 'react-intl'; + +interface Props { + onClick: (event: React.MouseEvent) => void; + count: number; +} + +export const LoadPending: React.FC<Props> = ({ onClick, count }) => { + return ( + <button className='load-more load-gap' onClick={onClick}> + <FormattedMessage + id='load_pending' + defaultMessage='{count, plural, one {# new item} other {# new items}}' + values={{ count }} + /> + </button> + ); +}; diff --git a/app/javascript/mastodon/components/scrollable_list.jsx b/app/javascript/mastodon/components/scrollable_list.jsx index 53a84ecb53f..5c990d6dca1 100644 --- a/app/javascript/mastodon/components/scrollable_list.jsx +++ b/app/javascript/mastodon/components/scrollable_list.jsx @@ -16,7 +16,7 @@ import { attachFullscreenListener, detachFullscreenListener, isFullscreen } from import IntersectionObserverWrapper from '../features/ui/util/intersection_observer_wrapper'; import { LoadMore } from './load_more'; -import LoadPending from './load_pending'; +import { LoadPending } from './load_pending'; import LoadingIndicator from './loading_indicator'; const MOUSE_IDLE_DELAY = 300; |