1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-17 13:46:47 +02:00

edit project mismatch dialog and remove change button (#465)

* edit project mismatch dialog and remove change button

* add info test to solve mismatch
This commit is contained in:
Youssef Khedher 2021-10-25 11:47:15 +01:00 committed by GitHub
parent a3377fb1a2
commit 35670db919

View File

@ -54,6 +54,9 @@ const FeatureSettingsProjectConfirm = ({
}; };
return ( return (
<ConditionallyRender
condition={incompatibleEnvs?.length === 0}
show={
<Dialogue <Dialogue
open={open} open={open}
onClose={onClose} onClose={onClose}
@ -62,10 +65,8 @@ const FeatureSettingsProjectConfirm = ({
primaryButtonText="Change project" primaryButtonText="Change project"
secondaryButtonText="Cancel" secondaryButtonText="Cancel"
> >
Are you sure you want to change the project for this feature toggle? Are you sure you want to change the project for this feature
<ConditionallyRender toggle?
condition={incompatibleEnvs?.length === 0}
show={
<div className={styles.compatability}> <div className={styles.compatability}>
This feature toggle is 100% compatible with the new This feature toggle is 100% compatible with the new
project. project.
@ -73,15 +74,20 @@ const FeatureSettingsProjectConfirm = ({
<Check className={styles.check} /> <Check className={styles.check} />
</div> </div>
</div> </div>
</Dialogue>
} }
elseShow={ elseShow={
<div className={styles.compatability}> <Dialogue
<div> open={open}
onClose={onClose}
title="Confirm change project"
secondaryButtonText="OK"
>
<div className={styles.topContent}> <div className={styles.topContent}>
<p> <p>
{' '} {' '}
This feature toggle is not compatible with This feature toggle is not compatible with the new
the new project destination. project destination.
</p> </p>
<div className={styles.iconContainer}> <div className={styles.iconContainer}>
<div className={styles.errorIconContainer}> <div className={styles.errorIconContainer}>
@ -89,7 +95,8 @@ const FeatureSettingsProjectConfirm = ({
</div> </div>
</div> </div>
</div> </div>
<div className={styles.compatability}>
<div>
<p className={styles.paragraph}> <p className={styles.paragraph}>
This feature toggle has strategy configuration This feature toggle has strategy configuration
in an environment that is not activated in the in an environment that is not activated in the
@ -105,17 +112,15 @@ const FeatureSettingsProjectConfirm = ({
); );
})} })}
</List> </List>
</div>
</div>
<p className={styles.paragraph}> <p className={styles.paragraph}>
You may still move the feature toggle, but the In order to move this feature toggle, make sure you
strategies in these environment will not run enable the required environments in the target project.
while these environments are inactive in the
target project.
</p> </p>
</div> </Dialogue>
</div>
} }
/> />
</Dialogue>
); );
}; };