diff --git a/packages/catalog-search/src/LearningTypeRadioFacet.jsx b/packages/catalog-search/src/LearningTypeRadioFacet.jsx index 005136a4..fb2da108 100644 --- a/packages/catalog-search/src/LearningTypeRadioFacet.jsx +++ b/packages/catalog-search/src/LearningTypeRadioFacet.jsx @@ -12,7 +12,7 @@ import { LEARNING_TYPE_COURSE, LEARNING_TYPE_PROGRAM, LEARNING_TYPE_PATHWAY, LEARNING_TYPE_VIDEO, } from './data/constants'; -const LearningTypeRadioFacet = ({ enablePathways }) => { +const LearningTypeRadioFacet = ({ enablePathways, enableVideos }) => { const { refinements, dispatch } = useContext(SearchContext); // only bold the dropdown title if the learning type is Course or Program @@ -115,25 +115,25 @@ const LearningTypeRadioFacet = ({ enablePathways }) => { ) } - {features.ENABLE_VIDEO_CATALOG - && ( - - handleInputOnChange(LEARNING_TYPE_VIDEO)} - data-testid="learning-type-videos" - /> - - - - - )} + {features.ENABLE_VIDEO_CATALOG && enableVideos + && ( + + handleInputOnChange(LEARNING_TYPE_VIDEO)} + data-testid="learning-type-videos" + /> + + + + + )} @@ -142,10 +142,12 @@ const LearningTypeRadioFacet = ({ enablePathways }) => { LearningTypeRadioFacet.defaultProps = { enablePathways: null, + enableVideos: false, }; LearningTypeRadioFacet.propTypes = { enablePathways: PropTypes.bool, + enableVideos: PropTypes.bool, }; export default LearningTypeRadioFacet; diff --git a/packages/catalog-search/src/SearchFilters.jsx b/packages/catalog-search/src/SearchFilters.jsx index 7f1fd5a1..a92d3d3f 100644 --- a/packages/catalog-search/src/SearchFilters.jsx +++ b/packages/catalog-search/src/SearchFilters.jsx @@ -17,7 +17,7 @@ import LearningTypeRadioFacet from './LearningTypeRadioFacet'; export const FREE_ALL_TITLE = 'Free / All'; -const SearchFilters = ({ variant, enablePathways }) => { +const SearchFilters = ({ variant, enablePathways, enableVideos }) => { const { refinements, searchFacetFilters } = useContext(SearchContext); const searchFacets = useMemo( @@ -48,7 +48,9 @@ const SearchFilters = ({ variant, enablePathways }) => { return ( <> {filtersFromRefinements} - {features.LEARNING_TYPE_FACET && ()} + {features.LEARNING_TYPE_FACET && ( + + )} ); }, @@ -77,11 +79,13 @@ const SearchFilters = ({ variant, enablePathways }) => { SearchFilters.defaultProps = { variant: STYLE_VARIANTS.inverse, enablePathways: null, + enableVideos: false, }; SearchFilters.propTypes = { variant: PropTypes.oneOf([STYLE_VARIANTS.default, STYLE_VARIANTS.inverse]), enablePathways: PropTypes.bool, + enableVideos: PropTypes.bool, }; export default SearchFilters; diff --git a/packages/catalog-search/src/SearchHeader.jsx b/packages/catalog-search/src/SearchHeader.jsx index 3fa72799..7054bed7 100644 --- a/packages/catalog-search/src/SearchHeader.jsx +++ b/packages/catalog-search/src/SearchHeader.jsx @@ -26,6 +26,7 @@ const SearchHeader = ({ optimizelySuggestionClickHandler, isPreQueryEnabled, hideSearchBox, + enableVideos, }) => { const { refinements } = useContext(SearchContext); let searchQueryFromRefinements; @@ -71,7 +72,7 @@ const SearchHeader = ({ className={classNames('fe__searchbox-col', { 'fe__searchbox-col--default': variant === STYLE_VARIANTS.default })} xs={12} > - + @@ -92,6 +93,7 @@ SearchHeader.defaultProps = { optimizelySuggestionClickHandler: undefined, isPreQueryEnabled: false, hideSearchBox: false, + enableVideos: false, }; SearchHeader.propTypes = { @@ -115,6 +117,7 @@ SearchHeader.propTypes = { optimizelySuggestionClickHandler: PropTypes.func, isPreQueryEnabled: PropTypes.bool, hideSearchBox: PropTypes.bool, + enableVideos: PropTypes.bool, }; export default SearchHeader;