bitshares / bitshares/bitshares-ui

[3] Implementing React Grid Layout

Open
#1,640 5 comments 0 reactions 1 assignee Claimed by @sschiessl-bcp View on GitHub
[3] Feature
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.