Skip to content

Conversation

@jenny-s51
Copy link
Contributor

@jenny-s51 jenny-s51 commented May 5, 2022

@jenny-s51 jenny-s51 changed the title feat(table): empty state demo feat(table): add empty state demo May 5, 2022
@jenny-s51 jenny-s51 changed the title feat(table): add empty state demo feat(table): add fullscreen empty state demo May 5, 2022
@patternfly-build
Copy link
Collaborator

patternfly-build commented May 5, 2022

@tlabaj tlabaj requested review from mcarrano and mcoker May 5, 2022 21:40
Copy link
Member

@mcarrano mcarrano left a comment

Choose a reason for hiding this comment

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

@jenny-s51 Just a couple of requests...

Can we make all three demos for empty state full screen? Seems odd that only the first one is. Also, the third demo (Error) should include an icon as in the design guidelines here: https://www.patternfly.org/v4/components/empty-state/design-guidelines#back-end-failure

@mmenestr please also take a look at this one to see if there is anything else we should update.

@mmenestr
Copy link
Collaborator

mmenestr commented May 6, 2022

Don't see anything else - agree with @mcarrano's comments, otherwise looks good!

@jenny-s51
Copy link
Contributor Author

Thank you Matt, yes per your comment in the loading state PR: #7370 (review), I am adding the empty state demos separately and should have the error state up soon! Thank you @mcarrano @mmenestr

```js isFullscreen
import React from 'react';
import {
Bullseye,
Copy link
Contributor

Choose a reason for hiding this comment

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

I don't think you need the bullseye

Copy link
Contributor

Choose a reason for hiding this comment

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

@mattnolting good call, I think that's from before the empty state centered its contents. We can remove it from the core loading and empty state demos, too. patternfly/patternfly#4872

@jenny-s51 I added this issue for any kinds of small changes like this that we need to push back to core.

Copy link
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

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

LPTM 👍

@jenny-s51 jenny-s51 requested a review from mcarrano May 25, 2022 20:47
Copy link
Member

@mcarrano mcarrano left a comment

Choose a reason for hiding this comment

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

@jenny-s51 I think this is fine. I do notice subtle differences when I switch between this and the HTML demo. I think there are mostly due to navigation and masthead differences. Is this part us what we still need to sync up on for parity? It would be great if we can get to a common and consistent page shell.

@tlabaj
Copy link
Contributor

tlabaj commented May 26, 2022

@jenny-s51 I think this is fine. I do notice subtle differences when I switch between this and the HTML demo. I think there are mostly due to navigation and masthead differences. Is this part us what we still need to sync up on for parity? It would be great if we can get to a common and consistent page shell.

@mcarrano we have an issue open to update the dashboard wrapper to match core. I think once this is done, the issues you are noticing will be resolved.

Copy link
Contributor

@tlabaj tlabaj left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Member

@mcarrano mcarrano left a comment

Choose a reason for hiding this comment

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

@mcarrano we have an issue open to update the dashboard wrapper to match core. I think once this is done, the issues you are noticing will be resolved.

In that case, I approve! Thanks @jenny-s51 .

@mattnolting mattnolting self-requested a review May 26, 2022 13:24
Copy link
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

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

LGTM!

@tlabaj tlabaj merged commit 54f3052 into patternfly:main May 26, 2022
@patternfly-build
Copy link
Collaborator

Your changes have been released in:

  • eslint-plugin-patternfly-react@4.57.0
  • @patternfly/react-catalog-view-extension@4.69.0
  • @patternfly/react-charts@6.71.0
  • @patternfly/react-code-editor@4.59.0
  • @patternfly/react-console@4.69.0
  • @patternfly/react-core@4.218.0
  • @patternfly/react-docs@5.79.0
  • @patternfly/react-icons@4.69.0
  • @patternfly/react-inline-edit-extension@4.63.0
  • demo-app-ts@4.178.0
  • @patternfly/react-integration@4.180.0
  • @patternfly/react-log-viewer@4.63.0
  • @patternfly/react-styles@4.68.0
  • @patternfly/react-table@4.87.0
  • @patternfly/react-tokens@4.70.0
  • @patternfly/react-topology@4.65.0
  • @patternfly/react-virtualized-extension@4.65.0
  • transformer-cjs-imports@4.56.0

Thanks for your contribution! 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feat(Table): Full screen demo for empty state

8 participants