Skip to content

pass in icon props to presence badge icon slot, and use default strings#22901

Merged
micahgodbolt merged 8 commits into
microsoft:masterfrom
micahgodbolt:badge-icon-slot
May 17, 2022
Merged

pass in icon props to presence badge icon slot, and use default strings#22901
micahgodbolt merged 8 commits into
microsoft:masterfrom
micahgodbolt:badge-icon-slot

Conversation

@micahgodbolt

@micahgodbolt micahgodbolt commented May 9, 2022

Copy link
Copy Markdown
Member

Presence badge icon is not getting slot props, therefore you can't override the aria-label. Assuming we remove the aria-hidden, this will be necessary to allow for customization of the icon.

@fabricteam

fabricteam commented May 9, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-avatar
Avatar
45.314 kB
13.175 kB
45.51 kB
13.25 kB
196 B
75 B
react-badge
PresenceBadge
22.15 kB
6.642 kB
22.346 kB
6.715 kB
196 B
73 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-badge
Badge
21.1 kB
6.671 kB
react-badge
CounterBadge
22.015 kB
6.976 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
179.813 kB
50.19 kB
react-components
react-components: FluentProvider & webLightTheme
34.178 kB
11.138 kB
🤖 This report was generated against e5f896d0098d23b01a4f0ab4b154fca0a47a1a89

@size-auditor

size-auditor Bot commented May 9, 2022

Copy link
Copy Markdown

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: e5f896d0098d23b01a4f0ab4b154fca0a47a1a89 (build)

@codesandbox-ci

codesandbox-ci Bot commented May 11, 2022

Copy link
Copy Markdown

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit d0df13b:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam

fabricteam commented May 11, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1035 1022 5000
Button mount 648 682 5000
FluentProvider mount 2097 2149 5000
FluentProviderWithTheme mount 321 312 10
FluentProviderWithTheme virtual-rerender 276 274 10
FluentProviderWithTheme virtual-rerender-with-unmount 354 364 10
MakeStyles mount 1851 1851 50000

@micahgodbolt
micahgodbolt marked this pull request as ready for review May 11, 2022 21:22
@micahgodbolt
micahgodbolt requested review from a team and behowell as code owners May 11, 2022 21:22
Comment thread packages/react-badge/src/components/PresenceBadge/usePresenceBadge.tsx Outdated
Comment thread packages/react-badge/src/stories/PresenceBadgeStatus.stories.tsx Outdated
micahgodbolt and others added 2 commits May 13, 2022 12:20
…adge.tsx

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>
Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>
@micahgodbolt
micahgodbolt merged commit b25c126 into microsoft:master May 17, 2022
@micahgodbolt
micahgodbolt deleted the badge-icon-slot branch May 17, 2022 15:17
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
…gs (microsoft#22901)

* pass in icon props to presence badge icon slot, and use default strings

* change file

* remove unused import

* update api file

* Update packages/react-badge/src/components/PresenceBadge/usePresenceBadge.tsx

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

* Update packages/react-badge/src/stories/PresenceBadgeStatus.stories.tsx

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>
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.

5 participants