lux/explore
2
0
Fork 0
mirror of https://github.com/luxfi/explore.git synced 2026-09-24 00:28:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

move categories stub

Browse Source
This commit is contained in:
Max Alekseenko
2024-01-30 14:25:18 +01:00
parent b9d28c6106
commit 1fa45c1709
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stubs/marketplace.ts
+2
View File
@@ -15,3 +15,5 @@ export const MARKETPLACE_APP: MarketplaceAppOverview = {
external: true,
url: 'https://example.com',
};
export const CATEGORIES: Array<string> = Array(9).fill('Bridge').map((c, i) => c + i);
ui/marketplace/useMarketplaceCategories.tsx
+3 -4
View File
@@ -8,12 +8,11 @@ import config from 'configs/app';
import type { ResourceError } from 'lib/api/resources';
import useFeatureValue from 'lib/growthbook/useFeatureValue';
import useApiFetch from 'lib/hooks/useFetch';
import { CATEGORIES } from 'stubs/marketplace';
const feature = config.features.marketplace;
const categoriesUrl = (feature.isEnabled && feature.categoriesUrl) || '';
const categoriesStub = Array(9).fill('Bridge').map((c, i) => c + i);
export default function useMarketplaceCategories(apps: Array<MarketplaceAppOverview> | undefined, isAppsPlaceholderData: boolean) {
const apiFetch = useApiFetch();
const { value: isExperiment } = useFeatureValue('marketplace_exp', false);
@@ -21,14 +20,14 @@ export default function useMarketplaceCategories(apps: Array<MarketplaceAppOverv
const { isPlaceholderData, data } = useQuery<unknown, ResourceError<unknown>, Array<string>>({
queryKey: [ 'marketplace-categories' ],
queryFn: async() => apiFetch(categoriesUrl, undefined, { resource: 'marketplace-categories' }),
placeholderData: categoriesUrl ? categoriesStub : undefined,
placeholderData: categoriesUrl ? CATEGORIES : undefined,
staleTime: Infinity,
enabled: Boolean(categoriesUrl),
});
const categories = React.useMemo(() => {
if (isAppsPlaceholderData || isPlaceholderData) {
return categoriesStub.map(category => ({ name: category, count: 0 }));
return CATEGORIES.map(category => ({ name: category, count: 0 }));
}
let categoryNames: Array<string> = [];