Merge pull request #1062 from topcoder-platform/PM-876

PM-876 Add a requests button on opportunity feed

Author: himaniraghav3

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

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;

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