new -> recently added (#1594)

Author: abeglova

frontends/mit-learn/src/page-components/Header/Header.tsx

@@ -219,7 +219,7 @@ const navData: NavData = {
       title: "DISCOVER LEARNING RESOURCES",
       items: [
         {
-          title: "New",
+          title: "Recently Added",
           icon: <RiFileAddLine />,
           href: SEARCH_NEW,
         },

frontends/mit-learn/src/page-components/SearchDisplay/SearchDisplay.tsx

@@ -52,10 +52,6 @@ import { ResourceCard } from "../ResourceCard/ResourceCard"
 import { useSearchParams } from "@mitodl/course-search-utils/react-router"
 import { useUserMe } from "api/hooks/user"
 
-export const StyledSelect = styled(SimpleSelect)`
-  min-width: 160px;
-`
-
 const StyledResourceTabs = styled(ResourceCategoryTabs.TabList)`
   margin-top: 0 px;
 `
@@ -470,7 +466,7 @@ const SORT_OPTIONS = [
     value: "",
   },
   {
-    label: "New",
+    label: "Recently Added",
     value: "new",
   },
   {
@@ -596,7 +592,7 @@ const SearchDisplay: React.FC<SearchDisplayProps> = ({
   }
 
   const searchModeDropdown = (
-    <StyledSelect
+    <SimpleSelect
       size="small"
       value={searchParams.get("search_mode") || DEFAULT_SEARCH_MODE}
       onChange={(e) =>
@@ -615,7 +611,7 @@ const SearchDisplay: React.FC<SearchDisplayProps> = ({
   )
 
   const sortDropdown = (
-    <StyledSelect
+    <SimpleSelect
       size="small"
       value={requestParams.sortby || ""}
       onChange={(e) => setParamValue("sortby", e.target.value)}

frontends/mit-learn/src/pages/ChannelPage/ChannelSearchFacetDisplay.tsx

@@ -8,9 +8,8 @@ import type {
   BooleanFacetKey,
 } from "@mitodl/course-search-utils"
 import { BOOLEAN_FACET_NAMES } from "@mitodl/course-search-utils"
-import { Skeleton, styled } from "ol-components"
+import { Skeleton, styled, SimpleSelect } from "ol-components"
 import type { SimpleSelectOption } from "ol-components"
-import { StyledSelect } from "@/page-components/SearchDisplay/SearchDisplay"
 
 const StyledSkeleton = styled(Skeleton)`
   display: inline-flex;
@@ -117,7 +116,7 @@ const AvailableFacetsDropdowns: React.FC<
 
         return (
           facetItems.length && (
-            <StyledSelect
+            <SimpleSelect
               key={facetSetting.name}
               value={displayValue}
               multiple={isMultiple}