35 lines
1,016 B
TypeScript
35 lines
1,016 B
TypeScript
import { useEffect } from 'react';
|
|
|
|
import { useParams } from 'react-router';
|
|
|
|
import { fetchAccount, lookupAccount } from 'mastodon/actions/accounts';
|
|
import { normalizeForLookup } from 'mastodon/reducers/accounts_map';
|
|
import { useAppDispatch, useAppSelector } from 'mastodon/store';
|
|
|
|
interface Params {
|
|
acct?: string;
|
|
id?: string;
|
|
}
|
|
|
|
export const useAccountId = () => {
|
|
const { acct, id } = useParams<Params>();
|
|
const dispatch = useAppDispatch();
|
|
const accountId = useAppSelector(
|
|
(state) =>
|
|
id ?? (acct ? state.accounts_map[normalizeForLookup(acct)] : undefined),
|
|
);
|
|
const account = useAppSelector((state) =>
|
|
accountId ? state.accounts.get(accountId) : undefined,
|
|
);
|
|
const accountInStore = !!account;
|
|
|
|
useEffect(() => {
|
|
if (typeof accountId === 'undefined' && acct) {
|
|
dispatch(lookupAccount(acct));
|
|
} else if (accountId && !accountInStore) {
|
|
dispatch(fetchAccount(accountId));
|
|
}
|
|
}, [dispatch, accountId, acct, accountInStore]);
|
|
|
|
return accountId;
|
|
};
|