Skip to content

TilesList: Implements new ShimmerTile into TilesList#4501

Merged
Vitalius1 merged 41 commits intomicrosoft:masterfrom
Vitalius1:v-vibr/PlaceholderTile
Apr 11, 2018
Merged

TilesList: Implements new ShimmerTile into TilesList#4501
Vitalius1 merged 41 commits intomicrosoft:masterfrom
Vitalius1:v-vibr/PlaceholderTile

Conversation

@Vitalius1
Copy link
Copy Markdown
Contributor

@Vitalius1 Vitalius1 commented Apr 10, 2018

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ npm run change

Description of changes

  1. Makes changes to TilesList to add logic for using placeholder tiles.
  2. Refactors the Shimmer component in order to reuse code for new ShimmerTile component.
  3. Sets up an example in the TilesList page with the use of ShimmerTile.

Focus areas to test

https://odsp-int.azurewebsites.net/v-vibr/TilesList/#/examples/tileslist

Here would be an example setup in the TilesList page.

Vitalie Braga added 30 commits March 30, 2018 18:08
…es a different logic to the margin replaced by border.
@Vitalius1 Vitalius1 self-assigned this Apr 10, 2018
@Vitalius1 Vitalius1 removed their assignment Apr 10, 2018
@ThomasMichon
Copy link
Copy Markdown
Member

I actually quite like what you've got in TilesList now. Nice!


this._classNames = getClassNames(getStyles!, { width, rowHeight, isDataLoaded, isBaseStyle });

const renderedElements: JSX.Element[] | JSX.Element = getRenderedElements(lineElements, rowHeight);
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

React.ReactNode can be used in place of JSX.Element[] | JSX.Element

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Thanks. Implemented!

@Vitalius1 Vitalius1 merged commit 757e955 into microsoft:master Apr 11, 2018
@Vitalius1 Vitalius1 deleted the v-vibr/PlaceholderTile branch April 12, 2018 23:42
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants