diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx index 49d24b7862..29f12fc56e 100644 --- a/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx +++ b/app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx @@ -62,8 +62,8 @@ import { useAppSelector, useAppDispatch } from 'flavours/glitch/store'; import { ActionBar } from '../../account/components/action_bar'; -import MemorialNote from './memorial_note'; -import MovedNote from './moved_note'; +import { MemorialNote } from './memorial_note'; +import { MovedNote } from './moved_note'; const messages = defineMessages({ unfollow: { id: 'account.unfollow', defaultMessage: 'Unfollow' }, @@ -846,7 +846,7 @@ export const AccountHeader: React.FC<{
{!hidden && account.memorial && } {!hidden && account.moved && ( - + )}
( +export const MemorialNote: React.FC = () => (
- +
); - -export default MemorialNote; diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/moved_note.jsx b/app/javascript/flavours/glitch/features/account_timeline/components/moved_note.jsx deleted file mode 100644 index cb8836ef7c..0000000000 --- a/app/javascript/flavours/glitch/features/account_timeline/components/moved_note.jsx +++ /dev/null @@ -1,38 +0,0 @@ -import { FormattedMessage } from 'react-intl'; - -import ImmutablePropTypes from 'react-immutable-proptypes'; -import ImmutablePureComponent from 'react-immutable-pure-component'; - -import { AvatarOverlay } from '../../../components/avatar_overlay'; -import { DisplayName } from '../../../components/display_name'; -import { Permalink } from '../../../components/permalink'; - -export default class MovedNote extends ImmutablePureComponent { - - static propTypes = { - from: ImmutablePropTypes.map.isRequired, - to: ImmutablePropTypes.map.isRequired, - }; - - render () { - const { from, to } = this.props; - - return ( -
-
- }} /> -
- -
- -
- -
- - -
-
- ); - } - -} diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/moved_note.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/moved_note.tsx new file mode 100644 index 0000000000..7ef5726c72 --- /dev/null +++ b/app/javascript/flavours/glitch/features/account_timeline/components/moved_note.tsx @@ -0,0 +1,56 @@ +import { FormattedMessage } from 'react-intl'; + +import { AvatarOverlay } from 'flavours/glitch/components/avatar_overlay'; +import { DisplayName } from 'flavours/glitch/components/display_name'; +import { Permalink } from 'flavours/glitch/components/permalink'; +import { useAppSelector } from 'flavours/glitch/store'; + +export const MovedNote: React.FC<{ + accountId: string; + targetAccountId: string; +}> = ({ accountId, targetAccountId }) => { + const from = useAppSelector((state) => state.accounts.get(accountId)); + const to = useAppSelector((state) => state.accounts.get(targetAccountId)); + + return ( +
+
+ + + + ), + }} + /> +
+ +
+ +
+ +
+ +
+ + + + +
+
+ ); +};