bitshares / bitshares/bitshares-ui
[3] Implementing React Grid Layout
- Dominant language
- JavaScript
- Stars
- 520
- Forks
- 575
- Avg merge
- 12h 7m
- Merged PRs (30d)
- 5
Description
With the usage of https://www.npmjs.com/package/react-grid-layout we can easily let the user rearenge the cards of data.
Part of discussion on #1477
@sschiessl-bcp, if you have time to work on a solution that can handle cards of data with a dynamic screen that can be aranged by easy passing the data to it, it would be perfect.
## Test Code
A small test shows this code works well, but needs to be worked on to handle what we need.
```
import React from "react";
import ReactGridLayout from "react-grid-layout";
class DynamicGrid extends React.Component {
render() {
let elements = this.props.children.map(card => {
return (
{card.content}
);
});
return(
{elements}
);
}
};
export default DynamicGrid;
````
```
````
# Tabs
It would be very handy if the component could handle "merging and splitting of cards" and use the Ant Tabs for this.
Contributor guide
Assessment
This issue has not been assessed yet.