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;