Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor devicelist page #435

Merged
merged 20 commits into from
Apr 2, 2021
Merged

Refactor devicelist page #435

merged 20 commits into from
Apr 2, 2021

Conversation

arejayelle
Copy link
Collaborator

General info

Issue number:

Task description:

  • Remove vertical tabs
  • Replace tab system with select component in table title area
Original Updated

Testing

Test coverage:

Additional notes

Note to reviewers:

To do before merging:

  • Edit Changelog(if necessary)

@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 05:30 Inactive
@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 05:50 Inactive
@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 05:56 Inactive
@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 06:07 Inactive
@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 06:10 Inactive
@arejayelle arejayelle marked this pull request as ready for review April 1, 2021 06:41
@arejayelle arejayelle added frontend Issue related to developing the frontend (admin panel) refactoring Marks pull requests that contain refactoring activity labels Apr 1, 2021
@arejayelle arejayelle self-assigned this Apr 1, 2021
gdzooks
gdzooks previously approved these changes Apr 1, 2021
Copy link
Collaborator

@gdzooks gdzooks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

INCREDIBLY SEXY 🚀 🎉
testing very cute, frontend lookin SPICY & workin like a charm, easiest approve of my life

@@ -149,6 +149,6 @@ export default function DevicesTable(props) {
}

DevicesTable.propTypes = {
title: PropTypes.string.isRequired,
title: PropTypes.node.isRequired,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

VERY SEXY that all you had to change in this file was this!!! \o/

@felixlapierre
Copy link
Collaborator

felixlapierre commented Apr 1, 2021

Design feedback:

  • I feel like the dropdown isn't super visible, like it took me a sec to find it / realize it was an interactable element. It looks more like a title at first I guess.
  • Maybe we should have some indication, when viewing all devices, of which ones are senders and which ones are receivers? But that can definitely wait for a later PR / future optional improvement.

Overall tho i really love this change!! Great improvement!!

felixlapierre
felixlapierre previously approved these changes Apr 1, 2021
Copy link
Collaborator

@felixlapierre felixlapierre left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minòr comments otherwise LGTM

Comment on lines +56 to +65
getTitle() {
const { selected } = this.state;
return (
<DeviceTableTitle index={selected} handleChange={this.handleChange} />
);
}

render() {
return <DevicesTable devices={this.getDevices()} title={this.getTitle()} />;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why did you choose to inject the entire title component into DevicesTable rather than just have it in DevicesTable?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this makes it read cleaner and is easier to test

@arejayelle arejayelle dismissed stale reviews from felixlapierre and gdzooks via 7f2c348 April 1, 2021 23:38
Peer programmed :)

Co-authored-by: Felix Lapierre <[email protected]>
@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 23:38 Inactive
@MrJCipherButtles MrJCipherButtles temporarily deployed to bean-pod-pip-refactor-d-phgxk5 April 1, 2021 23:49 Inactive
@sonarqubecloud
Copy link

sonarqubecloud bot commented Apr 1, 2021

Kudos, SonarCloud Quality Gate passed!

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

100.0% 100.0% Coverage
0.0% 0.0% Duplication

Copy link
Collaborator

@gdzooks gdzooks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yum yum yum

@arejayelle
Copy link
Collaborator Author

@felixlapierre issue #438 created to address interaction affordance

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Issue related to developing the frontend (admin panel) refactoring Marks pull requests that contain refactoring activity
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Scrollbar and extra cell padding on first render of material table and when interacting with side navigation
4 participants