Function Variations

ui/src/components/Variations/index.tsx:21–163

(props: IProps)

}

const Variations = (props: IProps) => {
  const { disabled, returnType, prefix, variationContainer, hooksFormContainer, ruleContainer, defaultServeContainer } = props;
  const [ isError, setIsError ] = useState<boolean>(false);
  const { rules, saveRules } = ruleContainer.useContainer();
  const { defaultServe, saveDefaultServe } = defaultServeContainer.useContainer();
  const intl = useIntl();

  const {
    variations,
    handleAdd,
    handleInput,
    handleDelete,
    handleChangeVariation,
  } = variationContainer.useContainer();

  const {
    unregister,
    setError,
    clearErrors,
  } = hooksFormContainer.useContainer();

  const { registerErrorName } = useFormErrorScrollIntoView();

  const handleDeleteVariation = useCallback((index: number, variationId?: string) => {
    unregister(`variation_${variationId}_name`);
    unregister(`variation_${variationId}`);
    unregister(`variation_${variationId}_normal`);
    handleDelete(index);
  }, [handleDelete, unregister]);

  useEffect(() => {
    if (variations?.length > 0) {
      setIsError(false);
      // const valueNotNullVariations = variations.filter((variation: IVariation) => {
      //   return variation.value !== '';
      // });
      // const len = valueNotNullVariations.length;

      // const uniqValueLen = uniqBy(valueNotNullVariations, 'value').length; 
      // if (uniqValueLen !== len) {
      //   setIsError(true);
      //   setErrorType('value');
      //   return;
      // }

      const nameNotNullVariations = variations.filter((variation: IVariation) => {
        return variation.name !== '';
      });

      const length = nameNotNullVariations.length;
      if (length === 0) {
        return;
      }

      const uniqNameLen = uniqBy(nameNotNullVariations, 'name').length;
      if (uniqNameLen !== nameNotNullVariations.length) {
        setIsError(true);
        return;