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

feat(browsev2): styling updates and select platform #8428

Merged
merged 5 commits into from
Jul 17, 2023

Conversation

joshuaeilers
Copy link
Contributor

@joshuaeilers joshuaeilers commented Jul 14, 2023

Changes

  • Sticky pagination header
  • White backgrounds for sidebar/pagination header
  • Search card border
  • Selectable platforms in sidebar with analytics
image

Checklist

  • The PR conforms to DataHub's Contributing Guideline (particularly Commit Message Format)
  • Links to related issues (if applicable)
  • Tests for the changes have been added/updated (if applicable)
  • Docs related to the changes have been added/updated (if applicable). If a new feature has been added a Usage Guide has been added for the same.
  • For any breaking change/potential downtime/deprecation/big changes an entry has been made in Updating DataHub

@joshuaeilers joshuaeilers marked this pull request as ready for review July 14, 2023 23:57
@@ -45,12 +45,14 @@ const SearchBody = styled.div`
overflow: auto;
`;

const ResultContainer = styled.div<{ displayUpdatedStyles: boolean }>`
const ResultContainer = styled.div<{ v2Styles: boolean }>`
Copy link
Collaborator

Choose a reason for hiding this comment

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

nice change!

@github-actions github-actions bot added the product PR or Issue related to the DataHub UI/UX label Jul 15, 2023
if (count) toggle();
};

const onClickHeader = () => {
const isNowSelected = !isPlatformSelectedExact;
Copy link
Collaborator

Choose a reason for hiding this comment

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

this variable name is hard to follow... isNowSelected is the opposite of whether the platform alone is selected?

Copy link
Collaborator

Choose a reason for hiding this comment

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

Eg. is what now selected?

const isPlatformSelected = useIsPlatformSelected();
const hasBrowseFilter = useHasFilterField(BROWSE_PATH_V2_FILTER_NAME);
const isPlatformSelectedPrefix = isPlatformSelected && hasBrowseFilter;
const isPlatformSelectedExact = isPlatformSelected && !hasBrowseFilter;
Copy link
Collaborator

Choose a reason for hiding this comment

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

isPlatformOnlySelected?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good suggestion!

Copy link
Collaborator

@jjoyce0510 jjoyce0510 left a comment

Choose a reason for hiding this comment

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

Overall I think logic LGTM. Minor comments around the naming stuff!

Nice work, Josh!

@joshuaeilers joshuaeilers merged commit 620d23d into datahub-project:master Jul 17, 2023
@joshuaeilers joshuaeilers deleted the feature/prd-393 branch July 17, 2023 18:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
product PR or Issue related to the DataHub UI/UX
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants