mirror of
https://github.com/Unleash/unleash.git
synced 2025-08-27 13:49:10 +02:00
go through release plan change
This commit is contained in:
parent
feeddf1c57
commit
d4b028c3a2
@ -1,7 +1,6 @@
|
|||||||
import { styled, Typography, type TypographyProps } from '@mui/material';
|
import { styled, Typography, type TypographyProps } from '@mui/material';
|
||||||
import type { FC, PropsWithChildren } from 'react';
|
import type { FC, PropsWithChildren } from 'react';
|
||||||
|
|
||||||
// todo: consider using these
|
|
||||||
export const Action: FC<TypographyProps> = ({ children, ...props }) => (
|
export const Action: FC<TypographyProps> = ({ children, ...props }) => (
|
||||||
<Typography component='span' {...props}>
|
<Typography component='span' {...props}>
|
||||||
{children}
|
{children}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import { useRef, useState, type FC, type ReactNode } from 'react';
|
import { useRef, useState, type FC, type ReactNode } from 'react';
|
||||||
import { Box, styled, Typography } from '@mui/material';
|
import { Typography } from '@mui/material';
|
||||||
import type {
|
import type {
|
||||||
ChangeRequestState,
|
ChangeRequestState,
|
||||||
IChangeRequestAddReleasePlan,
|
IChangeRequestAddReleasePlan,
|
||||||
@ -14,17 +14,13 @@ import { ReleasePlan } from 'component/feature/FeatureView/FeatureOverview/Relea
|
|||||||
import { ReleasePlanMilestone } from 'component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestone/ReleasePlanMilestone';
|
import { ReleasePlanMilestone } from 'component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestone/ReleasePlanMilestone';
|
||||||
import type { IReleasePlan } from 'interfaces/releasePlans';
|
import type { IReleasePlan } from 'interfaces/releasePlans';
|
||||||
import { Tab, TabList, TabPanel, Tabs } from './ChangeTabComponents.tsx';
|
import { Tab, TabList, TabPanel, Tabs } from './ChangeTabComponents.tsx';
|
||||||
import { ChangeItemInfo, ChangeItemWrapper } from './Change.styles.tsx';
|
import {
|
||||||
|
Action,
|
||||||
const ChangeItemCreateEditDeleteWrapper = styled(Box)(({ theme }) => ({
|
Added,
|
||||||
display: 'grid',
|
ChangeItemInfo,
|
||||||
gridTemplateColumns: 'auto auto',
|
ChangeItemWrapper,
|
||||||
justifyContent: 'space-between',
|
Deleted,
|
||||||
gap: theme.spacing(1),
|
} from './Change.styles.tsx';
|
||||||
alignItems: 'center',
|
|
||||||
marginBottom: theme.spacing(2),
|
|
||||||
width: '100%',
|
|
||||||
}));
|
|
||||||
|
|
||||||
const DeleteReleasePlan: FC<{
|
const DeleteReleasePlan: FC<{
|
||||||
change: IChangeRequestDeleteReleasePlan;
|
change: IChangeRequestDeleteReleasePlan;
|
||||||
@ -43,14 +39,7 @@ const DeleteReleasePlan: FC<{
|
|||||||
<>
|
<>
|
||||||
<ChangeItemWrapper>
|
<ChangeItemWrapper>
|
||||||
<ChangeItemInfo>
|
<ChangeItemInfo>
|
||||||
<Typography
|
<Deleted>Deleting release plan</Deleted>
|
||||||
sx={(theme) => ({
|
|
||||||
color: theme.palette.error.main,
|
|
||||||
})}
|
|
||||||
component='span'
|
|
||||||
>
|
|
||||||
- Deleting release plan
|
|
||||||
</Typography>
|
|
||||||
<Typography component='span'>{releasePlan.name}</Typography>
|
<Typography component='span'>{releasePlan.name}</Typography>
|
||||||
{actions}
|
{actions}
|
||||||
</ChangeItemInfo>
|
</ChangeItemInfo>
|
||||||
@ -87,9 +76,7 @@ const StartMilestone: FC<{
|
|||||||
<Tabs>
|
<Tabs>
|
||||||
<ChangeItemWrapper>
|
<ChangeItemWrapper>
|
||||||
<ChangeItemInfo>
|
<ChangeItemInfo>
|
||||||
<Typography component='span' color='success.dark'>
|
<Added>Start milestone</Added>
|
||||||
+ Start milestone
|
|
||||||
</Typography>
|
|
||||||
<Typography component='span'>
|
<Typography component='span'>
|
||||||
{newMilestone.name}
|
{newMilestone.name}
|
||||||
</Typography>
|
</Typography>
|
||||||
@ -161,9 +148,7 @@ const AddReleasePlan: FC<{
|
|||||||
<>
|
<>
|
||||||
<ChangeItemWrapper>
|
<ChangeItemWrapper>
|
||||||
<ChangeItemInfo>
|
<ChangeItemInfo>
|
||||||
<Typography component='span' color='success.dark'>
|
<Added>Adding release plan</Added>
|
||||||
+ Adding release plan
|
|
||||||
</Typography>
|
|
||||||
<Typography component='span'>
|
<Typography component='span'>
|
||||||
{planPreview.name}
|
{planPreview.name}
|
||||||
</Typography>
|
</Typography>
|
||||||
@ -179,7 +164,7 @@ const AddReleasePlan: FC<{
|
|||||||
<Tabs>
|
<Tabs>
|
||||||
<ChangeItemWrapper>
|
<ChangeItemWrapper>
|
||||||
<ChangeItemInfo>
|
<ChangeItemInfo>
|
||||||
<Typography component='span'>
|
<Action>
|
||||||
Replacing{' '}
|
Replacing{' '}
|
||||||
<TooltipLink
|
<TooltipLink
|
||||||
tooltip={
|
tooltip={
|
||||||
@ -207,7 +192,7 @@ const AddReleasePlan: FC<{
|
|||||||
</span>
|
</span>
|
||||||
</TooltipLink>{' '}
|
</TooltipLink>{' '}
|
||||||
release plan with
|
release plan with
|
||||||
</Typography>
|
</Action>
|
||||||
<Typography component='span'>{planPreview.name}</Typography>
|
<Typography component='span'>{planPreview.name}</Typography>
|
||||||
</ChangeItemInfo>
|
</ChangeItemInfo>
|
||||||
<div>
|
<div>
|
||||||
|
Loading…
Reference in New Issue
Block a user