marginTop: spacing()

in public/src/components/amounts/AmountsVariantEditor.tsx [33:86]

• 47 lines of code
• 1 McCabe index (conditional complexity)

      marginTop: spacing(2),
    },
  },
  topBar: {
    width: '100%',
    display: 'flex',
    justifyContent: 'space-between',
  },
  variantName: {
    fontSize: 18,
    fontWeight: 'bold',
  },
  contributionControls: {
    display: 'block',
  },
}));

interface AmountsVariantEditorProps {
  variant: AmountsVariant;
  updateVariant: (variant: AmountsVariant) => void;
  deleteVariant: (variant: AmountsVariant) => void;
  isCountryTest: boolean;
}

export const AmountsVariantEditor: React.FC<AmountsVariantEditorProps> = ({
  variant,
  updateVariant,
  deleteVariant,
  isCountryTest,
}: AmountsVariantEditorProps) => {
  const classes = useStyles();

  const {
    amountsCardData,
    defaultContributionType,
    displayContributionType,
    variantName,
  } = variant;

  const [currentContributionDefault, setCurrentContributionDefault] = useState(
    defaultContributionType,
  );

  const [currentContributionDisplay, setCurrentContributionDisplay] = useState(
    displayContributionType,
  );

  useEffect(() => {
    setCurrentContributionDefault(defaultContributionType);
    setCurrentContributionDisplay(displayContributionType);
  }, [variant]);

  useEffect(() => {
    const updatedAmounts: AmountsVariant = {