1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-22 22:59:44 +02:00

Allow creating label without name

This commit is contained in:
Maksim Eltyshev 2019-10-09 18:48:19 +05:00
parent d88bec8b6b
commit 9ebc82bf22
9 changed files with 31 additions and 51 deletions

View file

@ -1,5 +1,5 @@
import dequal from 'dequal';
import React, { useCallback, useRef } from 'react';
import React, { useCallback } from 'react';
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import { Button, Form } from 'semantic-ui-react';
@ -22,26 +22,19 @@ const EditStep = React.memo(({
const [t] = useTranslation();
const [data, handleFieldChange] = useForm(() => ({
name: '',
color: LabelColors.KEYS[0],
...defaultData,
name: defaultData.name || '',
}));
const [step, openStep, handleBack] = useSteps();
const editor = useRef(null);
const handleSubmit = useDeepCompareCallback(() => {
const cleanData = {
...data,
name: data.name.trim(),
name: data.name.trim() || null,
};
if (!cleanData.name) {
editor.current.selectNameField();
return;
}
if (!dequal(cleanData, defaultData)) {
onUpdate(cleanData);
}
@ -76,7 +69,7 @@ const EditStep = React.memo(({
</Popup.Header>
<Popup.Content>
<Form onSubmit={handleSubmit}>
<Editor ref={editor} data={data} onFieldChange={handleFieldChange} />
<Editor data={data} onFieldChange={handleFieldChange} />
<Button positive content={t('action.save')} />
</Form>
<Button