38 lines
819 B
TypeScript
38 lines
819 B
TypeScript
import { useQuery } from '@tanstack/react-query';
|
|
|
|
import { Ad, getProvider } from 'soapbox/features/ads/providers';
|
|
import { useAppDispatch } from 'soapbox/hooks';
|
|
import { isExpired } from 'soapbox/utils/ads';
|
|
|
|
const adKeys = {
|
|
ads: ['ads'] as const,
|
|
};
|
|
|
|
function useAds() {
|
|
const dispatch = useAppDispatch();
|
|
|
|
const getAds = async() => {
|
|
return dispatch(async(_, getState) => {
|
|
const provider = await getProvider(getState);
|
|
if (provider) {
|
|
return provider.getAds(getState);
|
|
} else {
|
|
return [];
|
|
}
|
|
});
|
|
};
|
|
|
|
const result = useQuery<Ad[]>(adKeys.ads, getAds, {
|
|
placeholderData: [],
|
|
});
|
|
|
|
// Filter out expired ads.
|
|
const data = result.data?.filter(ad => !isExpired(ad));
|
|
|
|
return {
|
|
...result,
|
|
data,
|
|
};
|
|
}
|
|
|
|
export { useAds as default, adKeys };
|