From 3e088f6f7f02a4b01688e9f29cdfd7d36092518c Mon Sep 17 00:00:00 2001
From: himaniraghav3 <himaniraghav@gmail.com>
Date: Wed, 30 Apr 2025 14:04:38 +0530
Subject: [PATCH] PM-876 Add a requests button on opportunity feed

---
 .../src/pages/copilot-opportunity-list/index.tsx      |  6 ++++++
 .../content-layout/ContentLayout.module.scss          |  1 +
 .../lib/components/content-layout/ContentLayout.tsx   | 11 +++++++++++
 3 files changed, 18 insertions(+)

diff --git a/src/apps/copilots/src/pages/copilot-opportunity-list/index.tsx b/src/apps/copilots/src/pages/copilot-opportunity-list/index.tsx
index 212bce585..21f703b84 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-list/index.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-list/index.tsx
@@ -134,10 +134,16 @@ const CopilotOpportunityList: FC<{}> = () => {
         onClick: () => navigate(copilotRoutesMap.CopilotRequestForm),
     }
 
+    const addCopilotRequestsButton: ButtonProps = {
+        label: 'Copilot Requests',
+        onClick: () => navigate(copilotRoutesMap.CopilotRequests),
+    }
+
     return (
         <ContentLayout
             title='Copilot Opportunities'
             buttonConfig={isAdminOrPM ? addNewRequestButton : undefined}
+            secondaryButtonConfig={isAdminOrPM ? addCopilotRequestsButton : undefined}
         >
             <PageTitle>Copilot Opportunities</PageTitle>
             <Table
diff --git a/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss b/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss
index 81b5908d8..7cc8a3ac9 100644
--- a/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss
+++ b/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss
@@ -29,6 +29,7 @@
                 border-bottom: $border solid $black-5;
                 margin-top: $sp-2;
                 padding: $sp-6 0;
+                gap: $sp-6;
 
                 h1 {
                     flex: 1;
diff --git a/src/libs/ui/lib/components/content-layout/ContentLayout.tsx b/src/libs/ui/lib/components/content-layout/ContentLayout.tsx
index 27c0ca036..7eb87a870 100644
--- a/src/libs/ui/lib/components/content-layout/ContentLayout.tsx
+++ b/src/libs/ui/lib/components/content-layout/ContentLayout.tsx
@@ -7,6 +7,7 @@ import styles from './ContentLayout.module.scss'
 
 export interface ContentLayoutProps {
     buttonConfig?: ButtonProps
+    secondaryButtonConfig?: ButtonProps
     children?: ReactNode
     contentClass?: string
     innerClass?: string
@@ -29,6 +30,16 @@ const ContentLayout: FC<ContentLayoutProps> = (props: ContentLayoutProps) => (
                             {props.title}
                         </h1>
 
+                        {!!props.secondaryButtonConfig && (
+                            <div>
+                                <Button
+                                    {...props.secondaryButtonConfig}
+                                    secondary
+                                    size='lg'
+                                />
+                            </div>
+                        )}
+
                         {!!props.buttonConfig && (
                             <div>
                                 <Button