A card component - Githubissues

dadiorchen commented 2 years ago

We need a component like this:

The parameters might be:

Some hints for building components:

This kind of issue is about creating a new component, it might not need to mount it in the whole app, to know how to create a component separately, please check the tutorial below.
Design resource: https://www.figma.com/file/XdYFdjlsHvxehlrkPVYq0l/Greenstand-Webmap?node-id=2497%3A11584
A tutorial of how to use the Cypress component tool to build components: https://github.com/Greenstand/treetracker-wallet-web#how-to-build-a-component
We are using MaterialUI to build the app: https://material-ui.com/
Please mount the component with import { mountWithTheme as mount } from '../../models/test-utils'; to get our theme imported.
Please use MaterialUI theme.spacing(x) as possible as we can, so the component is more responsive
When you are ready to raise PR for the component, please attach the screenshot of the component for review.
Please read our readme for more information/guide/tutorial.
Here is an engineering book in Greenstand.
To know more about our organization, visit our website.
If you want to join the slack community (some resources need the community member's permission), please leave your email address.
More issues in this project: https://github.com/orgs/Greenstand/projects/26

VWRoli commented 2 years ago

I will take this one

github-actions[bot] commented 2 years ago

:tada: This issue has been resolved in version 1.15.0-beta.1 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket:

Greenstand / treetracker-web-map-client