[Workspace] Refactor the style of recent items card in the header (#7805

) * feature/refractor-style-of-recent-items Signed-off-by: Qxisylolo <qianxisy@amazon.com> * solve bugs and delete annotation Signed-off-by: Qxisylolo <qianxisy@amazon.com> * solve bugs Signed-off-by: Qxisylolo <qianxisy@amazon.com> * fix bugs Signed-off-by: Qxisylolo <qianxisy@amazon.com> * fix bugs-1 Signed-off-by: Qxisylolo <qianxisy@amazon.com> * fix bugs-delete-lines Signed-off-by: Qxisylolo <qianxisy@amazon.com> * fix refine-popover-padding Signed-off-by: Qxisylolo <qianxisy@amazon.com> * fix, add createRecentNavLink Signed-off-by: Qxisylolo <qianxisy@amazon.com> * Changeset file for PR #7805 created/updated --------- Signed-off-by: Qxisylolo <qianxisy@amazon.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com> (cherry picked from commit a7024e6) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Sep 3, 2024 · 74da7e3 · 74da7e3
1 parent 0c7b210
commit 74da7e3
Show file tree

Hide file tree

Showing 7 changed files with 528 additions and 103 deletions.
diff --git a/changelogs/fragments/7805.yml b/changelogs/fragments/7805.yml
@@ -0,0 +1,2 @@
+feat:
+- Refractor the style of recent items card ([#7805](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7805))
diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
@@ -350,6 +350,7 @@ export class ChromeService {
 
       getHeaderComponent: () => (
         <Header
+          http={http}
           loadingCount$={http.getLoadingCount$()}
           application={application}
           appTitle$={appTitle$.pipe(takeUntil(this.stop$))}

diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
@@ -50,6 +50,7 @@ function mockProps() {
   const application = applicationServiceMock.createInternalStartContract();
 
   return {
+    http,
     application,
     opensearchDashboardsVersion: '1.0.0',
     appTitle$: new BehaviorSubject('test'),

diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
@@ -79,6 +79,7 @@ import { HomeLoader } from './home_loader';
 import { RecentItems } from './recent_items';
 
 export interface HeaderProps {
+  http: HttpStart;
   opensearchDashboardsVersion: string;
   application: InternalApplicationStart;
   appTitle$: Observable<string>;
@@ -120,6 +121,7 @@ export interface HeaderProps {
 }
 
 export function Header({
+  http,
   opensearchDashboardsVersion,
   opensearchDashboardsDocLink,
   application,
@@ -343,11 +345,12 @@ export function Header({
   const renderRecentItems = () => (
     <EuiHeaderSectionItem border={useUpdatedHeader ? 'none' : 'right'}>
       <RecentItems
+        http={http}
+        navLinks$={observables.navLinks$}
+        basePath={basePath}
         recentlyAccessed$={observables.recentlyAccessed$}
         workspaceList$={observables.workspaceList$}
         navigateToUrl={application.navigateToUrl}
-        navLinks$={observables.navLinks$}
-        basePath={basePath}
         renderBreadcrumbs={renderBreadcrumbs(true)}
         buttonSize={useApplicationHeader ? 's' : 'xs'}
       />