diff --git a/client/src/components/ColorPicker/ColorPicker.jsx b/client/src/components/ColorPicker/ColorPicker.jsx new file mode 100644 index 00000000..58a12710 --- /dev/null +++ b/client/src/components/ColorPicker/ColorPicker.jsx @@ -0,0 +1,52 @@ +import classNames from 'classnames'; +import camelCase from 'lodash/camelCase'; +import upperFirst from 'lodash/upperFirst'; +import PropTypes from 'prop-types'; +import React from 'react'; +import { Button } from 'semantic-ui-react'; +import { useTranslation } from 'react-i18next'; + +import globalStyles from '../../styles.module.scss'; +import styles from './ColorPicker.module.scss'; + +const ColorPicker = React.memo(({ current, onChange, colors, allowDeletion }) => { + const { t } = useTranslation(); + return ( + <> +
+ {colors.map((color) => ( +
+ {current && allowDeletion && ( +