Code Review

[a-n-g-i-e-r-i]

Please review all comments associated with this issue and refactor your code accordingly. Thanks!

[a-n-g-i-e-r-i]

Budget-Horizon-react/src/components/TransactionID.js

Lines 64 to 156 in f4c77fa

	return (
	<>
	<CssBaseline />
	<Container maxWidth='sm'>
	<form
	style={{ backgroundColor: 'white', borderRadius: 20 }}
	>
	<TextField
	id='transactionId'
	label='Transaction ID'
	style={{ margin: 0, padding: 10 }}
	value={transaction.transactionId}
	InputLabelProps={{shrink: true}}
	variant='outlined'
	fullWidth
	disabled
	/>
	<TextField
	type='number'
	id='ammount'
	label='Ammount'
	style={{ margin: 0, padding: 10 }}
	value={transaction.amount}
	InputLabelProps={{shrink: true}}
	variant='outlined'
	fullWidth
	disabled
	/>
	<TextField
	id='from'
	label='From'
	style={{ margin: 0, padding: 10 }}
	value={transaction.from}
	margin='normal'
	InputLabelProps={{shrink: true}}
	variant='outlined'
	fullWidth
	disabled
	/>
	<TextField
	id='flag'
	label='Flag'
	style={{ margin: 0, padding: 10 }}
	value={transaction.flag}
	InputLabelProps={{shrink: true}}
	variant='outlined'
	fullWidth
	disabled
	/>
	<TextField
	id='date'
	label='Date'
	style={{ margin: 0, padding: 10 }}
	value={transaction.date}
	InputLabelProps={{shrink: true}}
	variant='outlined'
	fullWidth
	disabled
	/>
	<div className={classes.divEdit}>
	<Button
	onClick={()=>{history.push(`/transactions/${id}/edit`)}}
	variant='outlined' color='primary'
	className={classes.buttonEdit}
	type='Link'
	>
	Edit
	</Button>
	<Button
	className={classes.buttonEdit}
	onClick={handleDelete}
	variant='outlined'
	color='primary'
	type='Link'
	>
	Delete
	</Button>
	</div>
	<div style={{ margin: 0, padding: 14 }}>
	<Button
	onClick={()=>history.push("/transactions")}
	variant='outlined'
	color='primary'
	type='Link'
	fullWidth
	>
	Back
	</Button>
	</div>
	</form>
	</Container>
	</>

Make sure you have a code linter like Prettier installed in vs code to clean up your component formatting. Some of these indentations and angle brackets look off.

[a-n-g-i-e-r-i]

Budget-Horizon-react/src/util/apiUrl.js

Lines 3 to 4 in f4c77fa

	? "http://localhost:3001"
	: "https://budget-horizon.herokuapp.com"

Consider building these two urls dynamically using environment variables