diff --git a/app/scripts/components/stories/hub/container.tsx b/app/scripts/components/stories/hub/container.tsx index 6abac8dae..5f12b6f06 100644 --- a/app/scripts/components/stories/hub/container.tsx +++ b/app/scripts/components/stories/hub/container.tsx @@ -3,7 +3,6 @@ import { useNavigate } from 'react-router'; import { stories, getString } from 'veda'; import HubContent from './hub-content'; -import { generateTaxonomies } from '$utils/veda-data/taxonomies'; import { useFiltersWithQS } from '$components/common/catalog/controls/hooks/use-filters-with-query'; import { LayoutProps } from '$components/common/layout-root'; @@ -24,7 +23,6 @@ const allStories = Object.values(stories).map((d) => d!.data).filter(d => !d.isH function StoriesHub() { const controlVars = useFiltersWithQS({navigate: useNavigate()}); - const storyTaxonomies = generateTaxonomies(allStories); return ( diff --git a/app/scripts/components/stories/hub/hub-content.tsx b/app/scripts/components/stories/hub/hub-content.tsx index 8bbaf85c9..6eff9be6d 100644 --- a/app/scripts/components/stories/hub/hub-content.tsx +++ b/app/scripts/components/stories/hub/hub-content.tsx @@ -31,8 +31,8 @@ import { TAXONOMY_SOURCE, TAXONOMY_TOPICS } from '$utils/veda-data/taxonomies'; - -import { StoryData, Taxonomy } from '$types/veda'; +import { generateTaxonomies } from '$utils/veda-data/taxonomies'; +import { StoryData } from '$types/veda'; import { UseFiltersWithQueryResult } from '$components/common/catalog/controls/hooks/use-filters-with-query'; const StoryCount = styled(Subtitle)` @@ -59,18 +59,19 @@ interface HubContentProps { allStories: StoryDataWithPath[]; linkProperties: LinkProperties; storiesPagePath: string; - storyTaxonomies: Taxonomy[]; storiesString: {one: string, other: string}; onFilterchanges: () => UseFiltersWithQueryResult; } export default function HubContent(props:HubContentProps) { - const { allStories, linkProperties, storiesPagePath, storyTaxonomies, storiesString, onFilterchanges } = props; + const { allStories, linkProperties, storiesPagePath, storiesString, onFilterchanges } = props; const browseControlsHeaderRef = useRef(null); const { headerHeight } = useSlidingStickyHeaderProps(); - const { LinkElement, pathAttributeKeyName } = linkProperties; const { search, taxonomies, onAction } = onFilterchanges(); + const { LinkElement, pathAttributeKeyName } = linkProperties; + const storyTaxonomies = generateTaxonomies(allStories); + const ButtonLinkProps = { forwardedAs: LinkElement, [pathAttributeKeyName]: storiesPagePath