fix: update icon of recent items from OUI library to enable dark mode (…

…#7508) (#7514)

* fix: use icon from library to enable dark mode



* Changeset file for PR #7508 created/updated

---------



(cherry picked from commit fc1adfa)

Signed-off-by: tygao <tygao@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>

changelogs/fragments/7508.yml

@@ -0,0 +1,2 @@
+fix:
+- Update icon of recent items from OUI library to enable dark mode ([#7508](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7508))

src/core/public/chrome/ui/header/recent_items.tsx

@@ -20,8 +20,6 @@ import { WorkspaceObject } from '../../../workspace';
 import { createRecentNavLink } from './nav_link';
 import { HttpStart } from '../../../http';
 import { ChromeNavLink } from '../../../';
-// TODO: replace this icon once added to OUI https://github.com/opensearch-project/OpenSearch-Dashboards/issues/7354
-import { RecentItemsIcon } from './recent_items_icon';
 
 export interface Props {
   recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>;
@@ -71,7 +69,8 @@ export const RecentItems = ({
           }}
           data-test-subj="recentItemsSectionButton"
         >
-          <EuiIcon type={RecentItemsIcon} size="m" />
+          {/* TODO: replace this icon once there is a new icon added to OUI https://github.com/opensearch-project/OpenSearch-Dashboards/issues/7354 */}
+          <EuiIcon type="recentlyViewedApp" size="m" />
         </EuiHeaderSectionItemButton>
       }
       isOpen={isPopoverOpen}