From 67ef0507a1dfddc8800407008c9bfc5e6ea40eae Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Tue, 15 Aug 2023 14:18:02 +0200
Subject: [PATCH] feat: link to change request configuration (#4494)

---
 .../ChangeRequestsTabs.styles.ts                   |  2 +-
 .../ChangeRequestsTabs/ChangeRequestsTabs.tsx      | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
index 151be3ca19..a1ec90f58a 100644
--- a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
+++ b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
@@ -5,7 +5,7 @@ export const useStyles = makeStyles()(theme => ({
         padding: theme.spacing(0, 4),
     },
     bodyClass: {
-        padding: theme.spacing(4),
+        padding: theme.spacing(2, 4, 4, 4),
         overflowX: 'auto',
     },
 }));
diff --git a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
index 824536ee3b..b48cf0a493 100644
--- a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
+++ b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
@@ -8,7 +8,8 @@ import {
 } from 'component/common/Table';
 import { SortingRule, useSortBy, useTable } from 'react-table';
 import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext';
-import { styled, Tab, Tabs, useMediaQuery } from '@mui/material';
+import { styled, Tab, Tabs, Box, useMediaQuery } from '@mui/material';
+import { Link } from 'react-router-dom';
 import { sortTypes } from 'utils/sortTypes';
 import { useEffect, useMemo, useState } from 'react';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
@@ -52,6 +53,12 @@ const StyledTabButton = styled(Tab)(({ theme }) => ({
     },
 }));
 
+const ConftigurationLinkBox = styled(Box)(({ theme }) => ({
+    textAlign: 'right',
+    paddingBottom: theme.spacing(2),
+    fontSize: theme.fontSizes.smallBody,
+}));
+
 export const ChangeRequestsTabs = ({
     changeRequests = [],
     loading,
@@ -282,6 +289,11 @@ export const ChangeRequestsTabs = ({
                 />
             }
         >
+            <ConftigurationLinkBox>
+                <Link to={`/projects/${projectId}/settings/change-requests`}>
+                    Change request configuration
+                </Link>
+            </ConftigurationLinkBox>
             <SearchHighlightProvider value={getSearchText(searchValue)}>
                 <Table {...getTableProps()}>
                     <SortableTableHeader headerGroups={headerGroups} />