1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-27 13:49:10 +02:00

fix segment changed name not showing

This commit is contained in:
Thomas Heartman 2025-07-03 13:34:50 +02:00
parent 4dc73dd7f6
commit 85151472e6
2 changed files with 24 additions and 5 deletions

View File

@ -0,0 +1,18 @@
import type { FC } from 'react';
import { NameWithChangeInfo } from './NameWithChangeInfo/NameWithChangeInfo.tsx';
type ChangeSegmentNameProps = {
name: string;
previousName?: string;
};
export const ChangeSegmentName: FC<ChangeSegmentNameProps> = ({
name,
previousName,
}) => {
return (
<span>
<NameWithChangeInfo newName={name} previousName={previousName} />
</span>
);
};

View File

@ -17,7 +17,7 @@ import {
Deleted, Deleted,
} from './Change.styles.tsx'; } from './Change.styles.tsx';
import { SegmentDiff } from './SegmentDiff.tsx'; import { SegmentDiff } from './SegmentDiff.tsx';
import { NameWithChangeInfo } from './NameWithChangeInfo/NameWithChangeInfo.tsx'; import { ChangeSegmentName } from './ChangeSegmentName.tsx';
const ActionsContainer = styled('div')(({ theme }) => ({ const ActionsContainer = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
@ -72,8 +72,8 @@ export const SegmentChangeDetails: FC<{
<ChangeItemWrapper> <ChangeItemWrapper>
<ChangeItemInfo> <ChangeItemInfo>
<Deleted>Deleting segment</Deleted> <Deleted>Deleting segment</Deleted>
<NameWithChangeInfo <ChangeSegmentName
newName={change.payload.name} name={change.payload.name}
previousName={previousName} previousName={previousName}
/> />
</ChangeItemInfo> </ChangeItemInfo>
@ -102,8 +102,9 @@ export const SegmentChangeDetails: FC<{
<ChangeItemWrapper> <ChangeItemWrapper>
<ChangeItemInfo> <ChangeItemInfo>
<Action>Editing segment</Action> <Action>Editing segment</Action>
<NameWithChangeInfo <ChangeSegmentName
newName={change.payload.name} name={change.payload.name}
previousName={previousName}
/> />
</ChangeItemInfo> </ChangeItemInfo>
{actionsWithTabs} {actionsWithTabs}