Properly format mimeTypes

scottybollinger · scottybollinger · commit ab07faae82a2 · 2021-07-07T10:37:30.000-05:00
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/display_settings/example_search_result_group.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/display_settings/example_search_result_group.tsx
@@ -13,7 +13,7 @@ import { useValues } from 'kea';
 import { isColorDark, hexToRgb } from '@elastic/eui';
 
 import { DESCRIPTION_LABEL } from '../../../../constants';
-import { getAsLocalDateTimeString } from '../../../../utils';
+import { getAsLocalDateTimeString, mimeType } from '../../../../utils';
 
 import { CustomSourceIcon } from './custom_source_icon';
 import { DisplaySettingsLogic } from './display_settings_logic';
@@ -117,7 +117,7 @@ export const ExampleSearchResultGroup: React.FC = () => {
                       data-test-subj="MediaTypeField"
                     >
                       <span className="example-search-result__tag-content">
-                        {result[mediaTypeField]}
+                        {mimeType(result[mediaTypeField] as string)}
                       </span>
                     </div>
                   )}
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/display_settings/example_standout_result.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/display_settings/example_standout_result.tsx
@@ -13,7 +13,7 @@ import { useValues } from 'kea';
 import { isColorDark, hexToRgb } from '@elastic/eui';
 
 import { DESCRIPTION_LABEL } from '../../../../constants';
-import { getAsLocalDateTimeString } from '../../../../utils';
+import { getAsLocalDateTimeString, mimeType } from '../../../../utils';
 
 import { CustomSourceIcon } from './custom_source_icon';
 import { DisplaySettingsLogic } from './display_settings_logic';
@@ -108,7 +108,9 @@ export const ExampleStandoutResult: React.FC = () => {
                 })}
                 data-test-subj="MediaTypeField"
               >
-                <span className="example-search-result__tag-content">{result[mediaTypeField]}</span>
+                <span className="example-search-result__tag-content">
+                  {mimeType(result[mediaTypeField] as string)}
+                </span>
               </div>
             )}
             <div className="example-result-content__tag-content">
