22 lines
581 B
TypeScript
22 lines
581 B
TypeScript
|
import React, { useCallback } from 'react';
|
||
|
|
|
||
|
|
import { useAppSelector } from 'soapbox/hooks';
|
||
|
|
|
||
|
|
import Account, { IAccount } from '../components/account';
|
||
|
|
import { makeGetAccount } from '../selectors';
|
||
|
|
|
||
|
|
interface IAccountContainer extends Omit<IAccount, 'account'> {
|
||
|
|
id: string
|
||
|
|
}
|
||
|
|
|
||
|
|
const AccountContainer: React.FC<IAccountContainer> = ({ id, ...props }) => {
|
||
|
|
const getAccount = useCallback(makeGetAccount(), []);
|
||
|
|
const account = useAppSelector(state => getAccount(state, id));
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Account account={account!} {...props} />
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default AccountContainer;
|