[ENHANCE] Added a feature to support additional support components in…

… TopNavBar (#857) added a feature to support additional support components
Zipstack · Nov 21, 2024 · 2e5e8a1 · 2e5e8a1
1 parent 4a53912
commit 2e5e8a1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/navigations/top-nav-bar/TopNavBar.jsx b/frontend/src/components/navigations/top-nav-bar/TopNavBar.jsx
@@ -73,7 +73,7 @@ try {
   // Ignore if hook not available
 }
 
-function TopNavBar({ isSimpleLayout }) {
+function TopNavBar({ isSimpleLayout, topNavBarOptions }) {
   const navigate = useNavigate();
   const { sessionDetails } = useSessionStore();
   const { orgName, remainingTrialDays, allOrganization, orgId } =
@@ -308,6 +308,7 @@ function TopNavBar({ isSimpleLayout }) {
           <Col span={4}>
             <Row justify="end" align="middle">
               <Space>
+                {topNavBarOptions}
                 {isUnstract && TrialDaysInfo && (
                   <TrialDaysInfo remainingTrialDays={remainingTrialDays} />
                 )}
@@ -339,6 +340,7 @@ function TopNavBar({ isSimpleLayout }) {
 
 TopNavBar.propTypes = {
   isSimpleLayout: PropTypes.bool,
+  topNavBarOptions: PropTypes.node,
 };
 
 export { TopNavBar };
diff --git a/frontend/src/layouts/page-layout/PageLayout.jsx b/frontend/src/layouts/page-layout/PageLayout.jsx
@@ -18,7 +18,7 @@ function PageLayout({ sideBarOptions, topNavBarOptions }) {
 
   return (
     <div className="landingPage">
-      <TopNavBar {...topNavBarOptions} />
+      <TopNavBar topNavBarOptions={topNavBarOptions} />
       <Layout>
         <SideNavBar collapsed={collapsed} {...sideBarOptions} />
         <Layout>