diff --git a/src/common/hooks/campaigns.ts b/src/common/hooks/campaigns.ts index 436062ae2..34b76ed42 100644 --- a/src/common/hooks/campaigns.ts +++ b/src/common/hooks/campaigns.ts @@ -43,11 +43,11 @@ export const campaignsOrderQueryFunction: QueryFunction = as return shuffledActiveCampaigns.concat(shuffledInactiveCampaigns) } -export function useCampaignList() { +export function useCampaignList(prefetched = false) { return useQuery( [endpoints.campaign.listCampaigns.url], campaignsOrderQueryFunction, - { enabled: false }, + { enabled: !prefetched }, ) } diff --git a/src/components/client/campaigns/CampaignFilter.tsx b/src/components/client/campaigns/CampaignFilter.tsx index ff400f070..7473306a6 100644 --- a/src/components/client/campaigns/CampaignFilter.tsx +++ b/src/components/client/campaigns/CampaignFilter.tsx @@ -79,7 +79,7 @@ const categories: { export default function CampaignFilter() { const { t } = useTranslation() const { mobile } = useMobile() - const { data: campaigns, isLoading } = useCampaignList() + const { data: campaigns, isLoading } = useCampaignList(true) const [selectedCategory, setSelectedCategory] = useState('ALL') // TODO: add filters&sorting of campaigns so people can select based on personal preferences const campaignToShow = useMemo(() => { diff --git a/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignsSection.tsx b/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignsSection.tsx index 1e924defb..5e43ff626 100644 --- a/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignsSection.tsx +++ b/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignsSection.tsx @@ -14,7 +14,7 @@ import { export default function ActiveCampaignsSection() { const { t } = useTranslation('index') - const { data } = useCampaignList() + const { data } = useCampaignList(true) const activeCampaigns = data ?.filter((campaign) => campaign.state === CampaignState.active) .slice(0, 5) diff --git a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx index b25e803c2..42e2ab02a 100644 --- a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx +++ b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx @@ -30,7 +30,7 @@ import { export default function CompletedCampaignsSection() { const { t } = useTranslation('campaigns') - const { data } = useCampaignList() + const { data } = useCampaignList(true) const completedCampaigns = data?.filter( (campaign: CampaignResponse) => diff --git a/src/components/client/index/sections/PlatformStatisticsSection/Statistics/Statistics.tsx b/src/components/client/index/sections/PlatformStatisticsSection/Statistics/Statistics.tsx index cc473901e..ec0a4ead1 100644 --- a/src/components/client/index/sections/PlatformStatisticsSection/Statistics/Statistics.tsx +++ b/src/components/client/index/sections/PlatformStatisticsSection/Statistics/Statistics.tsx @@ -18,7 +18,7 @@ import { Stack } from '@mui/material' export default function Statistics() { const { t } = useTranslation('index') - const { data: campaigns } = useCampaignList() + const { data: campaigns } = useCampaignList(true) const { data: totalDonations } = useCampaignDonationHistory(undefined, 0, 1) //ask only for 1 item to get the total count const { data: donorsCount } = useDonatedUsersCount() const { data: totalDonatedMoney } = getTotalDonatedMoney()