[ feature/drop_details ] Drop Details

[DominicF96]

Displays a drop's core information.

Definition of Done

This section describes what needs to be done to consider this component's implementation complete.

Component's Feature

Here, list all the feature your component should support.

• The artist can be shown / hidden
• The collection can be shown / hidden
• The current mint and total mint is displayed
• The about can be shown / hidden
• Can display / hide transferable and burnable

Standard Verifications

To maintain a quality standard, every component should pass through standard verifications. For example, most components implement standard props. That means that they have to support a few features by default. We also make sure that your component's props respects our standards.

• The component is responsive
• All the dynamic data displayed by the component is grouped under the data prop
• All behaviour related data (to control the state of the component and receive feedback) is grouped under the config prop
• If the component a default configuration, it is assigned directly in the destructuring of the props

Standard Props

• The component support different sizes (size prop)
• The component support different variants (variant prop)
• The component's main parts support custom styling through className objects
• Hardcoded labels are localized and overrideable

Documentation

In a UI library, a component really isn't really ready until well documented, therefore, we make some verifications here.

• The component is documented in Storybook's doc
• The props of the component are documented in Storybook's doc
• There are at least 2 examples of common component usage

Testing

List the tests to be written for every feature of your component to ensure the robustness and predictability of your component.

• The artist can be shown / hidden
• The collection can be shown / hidden
• The current mint and total mint is displayed
• The about can be shown / hidden
• Can display / hide transferable and burnable