Conversation

The main advantage is that React-Grid-Layout works more smoothly, with less surprises, and lets us do nicer things than gridster.js, like having responsive dashboards or fitting the widgets properly on the screen. In the development front, React-Grid-Layout is much easier to understand, and it integrates better with React and our current application.

This PR takes care of implementing all current functionalities using React-Grid-Layout. As a new addition, I made the number of columns available variable, and depending on the user's screen size. This will allow users with large screens to fit more widgets into the dashboard, while still being able to see them when using a smaller device.

This allows us to adjust the number of columns displayed in the
dashboard using the screen width.
When dashboards are created on large screens, react-grid-layout will
take care of displaying out of bound widgets somewhere visible.

Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.