Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-27 13:49:10 +02:00
Code Issues Projects Releases Wiki Activity

working impl?

Browse Source
This commit is contained in:
Thomas Heartman 2025-07-02 10:48:11 +02:00
parent 8326e6f35a
commit fde966bb9d
3 changed files with 18 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/Change.styles.tsx
View File

@ -33,12 +33,13 @@ export const ChangeItemInfo = styled(
</Typography> </Typography>
), ),
)(({ theme }) => ({ )(({ theme }) => ({
// display: 'flex', display: 'flex',
// justifyItems: 'flex-start', justifyItems: 'flex-start',
// flexFlow: 'row', flexFlow: 'row wrap',
// alignItems: 'center', alignItems: 'center',
// flex: 'auto', flex: 'auto',
// gap: `1ch`, columnGap: `1ch`,
rowGap: theme.spacing(1),
})); }));
export const ChangeItemWrapper = styled('div')(({ theme }) => ({ export const ChangeItemWrapper = styled('div')(({ theme }) => ({

24
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ReleasePlanChange.tsx
View File

@ -14,13 +14,7 @@ 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 } from './Change.styles.tsx'; import { ChangeItemInfo, ChangeItemWrapper } from './Change.styles.tsx';
export const ChangeItemWrapper = styled(Box)({
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
});
const ChangeItemCreateEditDeleteWrapper = styled(Box)(({ theme }) => ({ const ChangeItemCreateEditDeleteWrapper = styled(Box)(({ theme }) => ({
display: 'grid', display: 'grid',
@ -47,7 +41,7 @@ const DeleteReleasePlan: FC<{
return ( return (
<> <>
<ChangeItemCreateEditDeleteWrapper> <ChangeItemWrapper>
<ChangeItemInfo> <ChangeItemInfo>
<Typography <Typography
sx={(theme) => ({ sx={(theme) => ({
@ -59,7 +53,7 @@ const DeleteReleasePlan: FC<{
<Typography>{releasePlan.name}</Typography> <Typography>{releasePlan.name}</Typography>
</ChangeItemInfo> </ChangeItemInfo>
<div>{actions}</div> <div>{actions}</div>
</ChangeItemCreateEditDeleteWrapper> </ChangeItemWrapper>
<ReleasePlan plan={releasePlan} readonly /> <ReleasePlan plan={releasePlan} readonly />
</> </>
); );
@ -90,7 +84,7 @@ const StartMilestone: FC<{
return ( return (
<Tabs> <Tabs>
<ChangeItemCreateEditDeleteWrapper> <ChangeItemWrapper>
<ChangeItemInfo> <ChangeItemInfo>
<Typography color='success.dark'> <Typography color='success.dark'>
+ Start milestone + Start milestone
@ -104,7 +98,7 @@ const StartMilestone: FC<{
</TabList> </TabList>
{actions} {actions}
</div> </div>
</ChangeItemCreateEditDeleteWrapper> </ChangeItemWrapper>
<TabPanel> <TabPanel>
<ReleasePlanMilestone readonly milestone={newMilestone} /> <ReleasePlanMilestone readonly milestone={newMilestone} />
</TabPanel> </TabPanel>
@ -162,7 +156,7 @@ const AddReleasePlan: FC<{
if (!currentReleasePlan) { if (!currentReleasePlan) {
return ( return (
<> <>
<ChangeItemCreateEditDeleteWrapper> <ChangeItemWrapper>
<ChangeItemInfo> <ChangeItemInfo>
<Typography color='success.dark'> <Typography color='success.dark'>
+ Adding release plan + Adding release plan
@ -170,7 +164,7 @@ const AddReleasePlan: FC<{
<Typography>{planPreview.name}</Typography> <Typography>{planPreview.name}</Typography>
</ChangeItemInfo> </ChangeItemInfo>
<div>{actions}</div> <div>{actions}</div>
</ChangeItemCreateEditDeleteWrapper> </ChangeItemWrapper>
<ReleasePlan plan={planPreview} readonly /> <ReleasePlan plan={planPreview} readonly />
</> </>
); );
@ -178,7 +172,7 @@ const AddReleasePlan: FC<{
return ( return (
<Tabs> <Tabs>
<ChangeItemCreateEditDeleteWrapper> <ChangeItemWrapper>
<ChangeItemInfo> <ChangeItemInfo>
<Typography> <Typography>
Replacing{' '} Replacing{' '}
@ -218,7 +212,7 @@ const AddReleasePlan: FC<{
</TabList> </TabList>
{actions} {actions}
</div> </div>
</ChangeItemCreateEditDeleteWrapper> </ChangeItemWrapper>
<TabPanel> <TabPanel>
<ReleasePlan plan={planPreview} readonly /> <ReleasePlan plan={planPreview} readonly />
</TabPanel> </TabPanel>

9
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChange.tsx
View File

@ -22,12 +22,6 @@ import { ChangeStrategyName } from './ChangeStrategyName.tsx';
import { StrategyDiff } from './StrategyDiff.tsx'; import { StrategyDiff } from './StrategyDiff.tsx';
import { ChangeItemInfo } from './Change.styles.tsx'; import { ChangeItemInfo } from './Change.styles.tsx';
export const ChangeItemWrapper = styled(Box)({
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
});
const ChangeItemCreateEditDeleteWrapper = styled(Box)(({ theme }) => ({ const ChangeItemCreateEditDeleteWrapper = styled(Box)(({ theme }) => ({
display: 'flex', display: 'flex',
justifyContent: 'space-between', justifyContent: 'space-between',
@ -266,9 +260,10 @@ const AddStrategy: FC<{
? 'text.secondary' ? 'text.secondary'
: 'success.dark' : 'success.dark'
} }
component='span'
> >
+ Adding strategy + Adding strategy
</Typography> </Typography>{' '}
<ChangeStrategyName <ChangeStrategyName
name={change.payload.name} name={change.payload.name}
title={change.payload.title} title={change.payload.title}