47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
|
import { useQuery } from '@tanstack/react-query';
|
||
|
|
import { useAccount } from 'pl-fe/api/hooks';
|
||
|
|
import { useAppSelector, useClient } from 'pl-fe/hooks';
|
||
|
|
import { queryClient } from 'pl-fe/queries/client';
|
||
|
|
import { selectAccount, selectAccounts } from 'pl-fe/selectors';
|
||
|
|
|
||
|
|
import { type MinifiedStatus, minifyStatus } from '../../minifiers/minifyStatus';
|
||
|
|
import { normalizeStatus, type Status } from '../../normalizers/normalizeStatus';
|
||
|
|
|
||
|
|
type Account = ReturnType<typeof selectAccount>;
|
||
|
|
|
||
|
|
const importStatus = (status: MinifiedStatus) => {
|
||
|
|
queryClient.setQueryData<MinifiedStatus>(
|
||
|
|
['statuses', 'entities', status.id],
|
||
|
|
status,
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
const useStatus = (statusId: string) => {
|
||
|
|
const client = useClient();
|
||
|
|
|
||
|
|
const statusQuery = useQuery({
|
||
|
|
queryKey: ['statuses', 'entities', statusId],
|
||
|
|
queryFn: () => client.statuses.getStatus(statusId)
|
||
|
|
.then(normalizeStatus)
|
||
|
|
.then(minifyStatus),
|
||
|
|
});
|
||
|
|
|
||
|
|
const { account } = useAccount(statusQuery.data?.account_id!);
|
||
|
|
|
||
|
|
const data: Status | null = useAppSelector((state) => {
|
||
|
|
const status = statusQuery.data;
|
||
|
|
if (!status) return null;
|
||
|
|
const accounts = selectAccounts(state, status.account_ids).filter((account): account is Account => account !== undefined);
|
||
|
|
|
||
|
|
return {
|
||
|
|
...status,
|
||
|
|
account,
|
||
|
|
accounts,
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
return { ...statusQuery, data };
|
||
|
|
};
|
||
|
|
|
||
|
|
export { useStatus, importStatus };
|