feat: add segment event to track the selected value for learning type…

… dropdown

packages/catalog-search/src/LearningTypeRadioFacet.jsx

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Dropdown, Input, Badge } from '@openedx/paragon';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
+import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { SearchContext } from './SearchContext';
 import {
   setRefinementAction,
@@ -13,7 +14,9 @@ import {
 } from './data/constants';
 
 const LearningTypeRadioFacet = ({ enablePathways }) => {
-  const { refinements, dispatch, enableVideos } = useContext(SearchContext);
+  const {
+    refinements, dispatch, enableVideos, trackingName,
+  } = useContext(SearchContext);
 
   // only bold the dropdown title if the learning type is Course or Program
   const typeCourseSelected = refinements.content_type && refinements.content_type.includes(LEARNING_TYPE_COURSE);
@@ -28,6 +31,12 @@ const LearningTypeRadioFacet = ({ enablePathways }) => {
     } else {
       dispatch(setRefinementAction('content_type', [type]));
     }
+    if (trackingName) {
+      const learningType = type || 'any';
+      sendTrackEvent(`edx.enterprise.${trackingName}.search.learning_type_selected`, {
+        learningType,
+      });
+    }
   };
 
   return (