-
-
Notifications
You must be signed in to change notification settings - Fork 192
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: improve consistency between Tree Detail and Planter Detail dialogs #10 #143
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fantastic work! Just a couple of comments on the changes.
Some other suggestions for adjacent changes:
- I think we can get rid of the slide up transition – it looks a little odd when placed next to the sliding drawer.
- Can we also not clear the capture on
handleClose
inVerify.js
? That will give a smooth when closing the dialog.
</Box> | ||
</Grid> | ||
<Grid item> | ||
<IconButton onClick={() => props.onClose()}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Clicking the Close button throws an exception:
Uncaught TypeError: props.onClose is not a function
> | ||
<OptimizedImage | ||
src={renderCapture.imageUrl} | ||
width={320} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think we can make the capture image bigger now there's a bit more room for it.
We have three options, any of which would work well:
- Dynamically calculate what size of image would fit in the space and request that using the
OptimizedImage
component - Drop
OptimizedImage
for the full-size image and just shrink the original image to fill the space - Set the
OptimizedImage
width to600
…apture image larger
Thank you so much for the comments! I've made the above changes; please let me know if I misunderstood anything or if I can improve further! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is awesome! Great work @chromium-52
Resolves #10