diff --git a/src/components/organisms/edit-denominations-modal/index.tsx b/src/components/organisms/edit-denominations-modal/index.tsx index 8c087a9e4f..0572bb5ef4 100644 --- a/src/components/organisms/edit-denominations-modal/index.tsx +++ b/src/components/organisms/edit-denominations-modal/index.tsx @@ -1,3 +1,4 @@ +import _ from "lodash" import * as React from "react" import { v4 as uuidv4 } from "uuid" import Button from "../../fundamentals/button" @@ -22,12 +23,6 @@ type EditDenominationsModalProps = { currencyCodes?: string[] } -const augmentWithId = (obj) => ({ ...obj, indexId: uuidv4() }) - -const augmentWithIds = (list) => { - return list.map(augmentWithId) -} - const EditDenominationsModal = ({ defaultDenominations = [], onSubmit, @@ -80,6 +75,14 @@ const EditDenominationsModal = ({ setDenominations([...denominations, augmentWithId(newDenomination)]) } + const submitHandler = () => { + const strippedDenominations = stripDenominationFromIndexId(denominations) + + if (onSubmit) { + onSubmit(strippedDenominations) + } + } + return ( @@ -151,7 +154,7 @@ const EditDenominationsModal = ({ variant="primary" size="small" className="mr-2 min-w-[130px] justify-center" - onClick={() => onSubmit(denominations)} + onClick={submitHandler} > Save @@ -163,3 +166,13 @@ const EditDenominationsModal = ({ } export default EditDenominationsModal + +const augmentWithId = (obj) => ({ ...obj, indexId: uuidv4() }) + +const augmentWithIds = (list) => { + return list.map(augmentWithId) +} + +const stripDenominationFromIndexId = (list) => { + return list.map((element) => _.omit(element, "indexId")) +}