@@ -5,12 +5,14 @@ import { createUseStyles } from 'react-jss'
55import { IonText , IonContent } from '@ionic/react'
66import { Formik , Form } from 'formik'
77import set from 'lodash/fp/set'
8+ import noop from 'lodash/fp/noop'
89
910import { checkmark } from 'ionicons/icons'
1011
1112import { UpdateTransaction } from '../transaction.gql'
1213import { Input , Checkbox , Fab , DatePicker } from 'elements'
1314import { Modal } from 'components'
15+ import { currency } from 'utils'
1416import { useUser } from 'modules/authentication'
1517import Pubsub from 'modules/pubsub'
1618
@@ -32,7 +34,7 @@ const useEditTransactionStyles = createUseStyles(theme => ({
3234 }
3335} ) )
3436
35- export const EditTransaction = ( { isOpen, id, description, group, date, onClose } ) => {
37+ export const EditTransaction = ( { isOpen, onClose , amount , id, description, group, date } ) => {
3638 const classes = useEditTransactionStyles ( )
3739 const { inGroup } = useUser ( )
3840 const [ updateTransaction ] = useMutation ( UpdateTransaction )
@@ -49,6 +51,7 @@ export const EditTransaction = ({ isOpen, id, description, group, date, onClose
4951 } ,
5052 [ updateTransaction , onClose ]
5153 )
54+
5255 return (
5356 < Modal isOpen = { isOpen } onClose = { onClose } >
5457 < IonContent color = "dark" >
@@ -59,6 +62,8 @@ export const EditTransaction = ({ isOpen, id, description, group, date, onClose
5962 < Formik initialValues = { initialValues } onSubmit = { onSubmit } >
6063 { ( { handleSubmit, handleBlur, handleChange, isValid, values, isSubmitting } ) => (
6164 < Form className = { classes . form } >
65+ < Input disabled placeholder = "Amount" value = { currency ( amount ) } onChange = { noop } onBlur = { noop } />
66+
6267 < Input
6368 name = "description"
6469 placeholder = "memo"
0 commit comments