1
0
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:
Thomas Heartman 2025-07-03 09:46:19 +02:00
parent feeddf1c57
commit d4b028c3a2
2 changed files with 13 additions and 29 deletions

View File

@ -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}

View File

@ -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>