Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-27 09:09:46 +02:00
Code Issues Releases Activity

Add validation to background field

Browse source
This commit is contained in:
Maksim Eltyshev 2020-06-03 22:27:20 +05:00
parent 7811d60efb
commit f85d499bbf
10 changed files with 130 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/src/components/Project/ActionsPopup/EditBackgroundStep.jsx
View file

@ -9,6 +9,7 @@ import { Button, Image } from 'semantic-ui-react';
import { FilePicker, Popup } from '../../../lib/custom-ui';
import ProjectBackgroundGradients from '../../../constants/ProjectBackgroundGradients';
import { ProjectBackgroundTypes } from '../../../constants/Enums';
import styles from './EditBackgroundStep.module.scss';
import globalStyles from '../../../styles.module.scss';
@ -30,15 +31,12 @@ const EditBackgroundStep = React.memo(
const handleGradientClick = useCallback(
(_, { value }) => {
const background = {
type: 'gradient',
type: ProjectBackgroundTypes.GRADIENT,
name: value,
};
if (!dequal(background, defaultValue)) {
onUpdate({
type: 'gradient',
name: value,
});
onUpdate(background);
}
},
[defaultValue, onUpdate],
@ -46,7 +44,7 @@ const EditBackgroundStep = React.memo(
const handleImageClick = useCallback(() => {
const background = {
type: 'image',
type: ProjectBackgroundTypes.IMAGE,
};
if (!dequal(background, defaultValue)) {
@ -93,7 +91,7 @@ const EditBackgroundStep = React.memo(
className={classNames(
styles.gradientButton,
defaultValue &&
defaultValue.type === 'gradient' &&
defaultValue.type === ProjectBackgroundTypes.GRADIENT &&
gradient === defaultValue.name &&
styles.gradientButtonActive,
globalStyles[`background${upperFirst(camelCase(gradient))}`],