Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-04 01:18:20 +02:00
Code Issues Projects Releases Wiki Activity

feat: link to change request configuration (#4494)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2023-08-15 14:18:02 +02:00 committed by GitHub
parent 4af826000d
commit 67ef0507a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
View File

@ -5,7 +5,7 @@ export const useStyles = makeStyles()(theme => ({
padding: theme.spacing(0, 4), padding: theme.spacing(0, 4),
}, },
bodyClass: { bodyClass: {
padding: theme.spacing(4), padding: theme.spacing(2, 4, 4, 4),
overflowX: 'auto', overflowX: 'auto',
}, },
})); }));

14
frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
View File

@ -8,7 +8,8 @@ import {
} from 'component/common/Table'; } from 'component/common/Table';
import { SortingRule, useSortBy, useTable } from 'react-table'; import { SortingRule, useSortBy, useTable } from 'react-table';
import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext'; 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 { sortTypes } from 'utils/sortTypes';
import { useEffect, useMemo, useState } from 'react'; import { useEffect, useMemo, useState } from 'react';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; 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 = ({ export const ChangeRequestsTabs = ({
changeRequests = [], changeRequests = [],
loading, 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)}> <SearchHighlightProvider value={getSearchText(searchValue)}>
<Table {...getTableProps()}> <Table {...getTableProps()}>
<SortableTableHeader headerGroups={headerGroups} /> <SortableTableHeader headerGroups={headerGroups} />