1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00

fix: remove projectId from create feature form (#658)

* fix: remove projectId from create feature form

* fix: update link and fix componend header in edit mode

* fix: update url on project change

* fix: conflict

* fix: use shorthand

Co-authored-by: Fredrik Oseberg <fredrik.no@gmail.com>
This commit is contained in:
Youssef Khedher 2022-02-08 12:35:43 +01:00 committed by GitHub
parent ff8d983d7e
commit 36f59b2290
4 changed files with 15 additions and 13 deletions

View File

@ -79,7 +79,7 @@ const CreateFeature = () => {
title="Create Feature toggle"
description="Feature toggles support different use cases, each with their own specific needs such as simple static routing or more complex routing.
The feature toggle is disabled when created and you decide when to enable"
documentationLink="https://docs.getunleash.io/"
documentationLink="https://docs.getunleash.io/advanced/feature_toggle_types"
formatApiCode={formatApiCode}
>
<FeatureForm

View File

@ -83,7 +83,7 @@ const EditFeature = () => {
title="Edit Feature toggle"
description="Feature toggles support different use cases, each with their own specific needs such as simple static routing or more complex routing.
The feature toggle is disabled when created and you decide when to enable"
documentationLink="https://docs.getunleash.io/"
documentationLink="https://docs.getunleash.io/advanced/feature_toggle_types"
formatApiCode={formatApiCode}
>
<FeatureForm

View File

@ -11,6 +11,7 @@ import ConditionallyRender from '../../common/ConditionallyRender';
import { trim } from '../../common/util';
import Input from '../../common/Input/Input';
import { CREATE_FEATURE } from '../../providers/AccessProvider/permissions';
import { useHistory } from 'react-router-dom';
interface IFeatureToggleForm {
type: string;
@ -22,8 +23,8 @@ interface IFeatureToggleForm {
setName: React.Dispatch<React.SetStateAction<string>>;
setDescription: React.Dispatch<React.SetStateAction<string>>;
setProject: React.Dispatch<React.SetStateAction<string>>;
validateToggleName: () => void;
setImpressionData: React.Dispatch<React.SetStateAction<boolean>>;
validateToggleName?: () => void;
handleSubmit: (e: any) => void;
handleCancel: () => void;
errors: { [key: string]: string };
@ -52,6 +53,7 @@ const FeatureForm: React.FC<IFeatureToggleForm> = ({
}) => {
const styles = useStyles();
const { featureTypes } = useFeatureTypes();
const history = useHistory();
const { permissions } = useUser();
const editable = mode !== 'Edit';
@ -75,9 +77,7 @@ const FeatureForm: React.FC<IFeatureToggleForm> = ({
onFocus={() => clearErrors()}
value={name}
onChange={e => setName(trim(e.target.value))}
inputProps={{
'data-test': CF_NAME_ID,
}}
data-test={CF_NAME_ID}
onBlur={validateToggleName}
/>
<p className={styles.inputDescription}>
@ -89,9 +89,7 @@ const FeatureForm: React.FC<IFeatureToggleForm> = ({
label={'Toggle type'}
id="feature-type-select"
editable
inputProps={{
'data-test': CF_TYPE_ID,
}}
data-test={CF_TYPE_ID}
IconComponent={KeyboardArrowDownOutlined}
className={styles.selectInput}
/>
@ -108,7 +106,12 @@ const FeatureForm: React.FC<IFeatureToggleForm> = ({
/>
<FeatureProjectSelect
value={project}
onChange={e => setProject(e.target.value)}
onChange={e => {
setProject(e.target.value);
history.replace(
`/projects/${e.target.value}/create-toggle`
);
}}
enabled={editable}
filter={projectFilterGenerator(
{ permissions },

View File

@ -50,9 +50,8 @@ const useFeatureForm = (
return {
type,
name,
projectId: project,
description: description,
impressionData
description,
impressionData,
};
};