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

Fix missing icons on react-native < 0.71 #455

Merged
merged 2 commits into from
Mar 31, 2023

Conversation

stevoland
Copy link
Contributor

@stevoland stevoland commented Mar 31, 2023

Issue:

width and height were only introduced as props on Image in react-native 0.71 (see eg docs for 0.70). Versions below this don't display the icons.

What I did

Moved the dimensions to properties of the source prop

How to test

Check the expo-example visually then struggle to downgrade the react-native version (I didn't manage it!)

@stevoland stevoland requested a review from dannyhw as a code owner March 31, 2023 15:50
@dannyhw
Copy link
Member

dannyhw commented Mar 31, 2023

@stevoland thanks!

@dannyhw dannyhw merged commit d7a7b11 into storybookjs:next-6.0 Mar 31, 2023
@dannyhw
Copy link
Member

dannyhw commented Mar 31, 2023

@stevoland can you check version 6.5.2

@stevoland
Copy link
Contributor Author

@dannyhw 6.5.2 icons fixed in my RN 0.69 project, thanks!

hyochan pushed a commit to dooboolab-community/dooboo-ui that referenced this pull request Apr 22, 2023
[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@storybook/addon-ondevice-actions](https://storybook.js.org/)
([source](https://togithub.com/storybookjs/react-native)) | [`^5.3.23`
->
`^6.0.0`](https://renovatebot.com/diffs/npm/@storybook%2faddon-ondevice-actions/5.3.23/6.5.3)
|
[![age](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-actions/6.5.3/age-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-actions/6.5.3/adoption-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-actions/6.5.3/compatibility-slim/5.3.23)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-actions/6.5.3/confidence-slim/5.3.23)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@storybook/addon-ondevice-knobs](https://togithub.com/storybookjs/react-native)
| [`^5.3.26` ->
`^6.0.0`](https://renovatebot.com/diffs/npm/@storybook%2faddon-ondevice-knobs/5.3.26/6.5.3)
|
[![age](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-knobs/6.5.3/age-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-knobs/6.5.3/adoption-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-knobs/6.5.3/compatibility-slim/5.3.26)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-knobs/6.5.3/confidence-slim/5.3.26)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@storybook/addon-ondevice-notes](https://togithub.com/storybookjs/react-native)
| [`^5.3.26` ->
`^6.0.0`](https://renovatebot.com/diffs/npm/@storybook%2faddon-ondevice-notes/5.3.26/6.5.3)
|
[![age](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-notes/6.5.3/age-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-notes/6.5.3/adoption-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-notes/6.5.3/compatibility-slim/5.3.26)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://badges.renovateapi.com/packages/npm/@storybook%2faddon-ondevice-notes/6.5.3/confidence-slim/5.3.26)](https://docs.renovatebot.com/merge-confidence/)
|
| [@storybook/react-native](https://storybook.js.org/)
([source](https://togithub.com/storybookjs/react-native)) | [`5.3.27` ->
`6.5.3`](https://renovatebot.com/diffs/npm/@storybook%2freact-native/5.3.27/6.5.3)
|
[![age](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native/6.5.3/age-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native/6.5.3/adoption-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native/6.5.3/compatibility-slim/5.3.27)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native/6.5.3/confidence-slim/5.3.27)](https://docs.renovatebot.com/merge-confidence/)
|
| [@storybook/react-native-server](https://storybook.js.org/)
([source](https://togithub.com/storybookjs/react-native)) | [`5.3.23` ->
`6.5.3`](https://renovatebot.com/diffs/npm/@storybook%2freact-native-server/5.3.23/6.5.3)
|
[![age](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native-server/6.5.3/age-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native-server/6.5.3/adoption-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native-server/6.5.3/compatibility-slim/5.3.23)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://badges.renovateapi.com/packages/npm/@storybook%2freact-native-server/6.5.3/confidence-slim/5.3.23)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>storybookjs/react-native</summary>

###
[`v6.5.3`](https://togithub.com/storybookjs/react-native/releases/tag/v6.5.3)

[Compare
Source](https://togithub.com/storybookjs/react-native/compare/v6.5.2...v6.5.3)

##### What's Changed

- Enable dark mode to use a hook by
[@&#8203;Jonatthu](https://togithub.com/Jonatthu) in
[storybookjs/react-native#462

##### New Contributors

- [@&#8203;Jonatthu](https://togithub.com/Jonatthu) made their first
contribution in
[storybookjs/react-native#462

**Full Changelog**:
storybookjs/react-native@v6.5.2...v6.5.3

###
[`v6.5.2`](https://togithub.com/storybookjs/react-native/releases/tag/v6.5.2)

[Compare
Source](https://togithub.com/storybookjs/react-native/compare/v6.5.1...v6.5.2)

##### What's Changed

- Migration guide: fix minor typo in .storybook/main.js sample by
[@&#8203;andrewlo](https://togithub.com/andrewlo) in
[storybookjs/react-native#452
- docs: add diff colors to metreo config by
[@&#8203;flexbox](https://togithub.com/flexbox) in
[storybookjs/react-native#453
- docs: add hints on codeblocks to align README and MIGRATION by
[@&#8203;flexbox](https://togithub.com/flexbox) in
[storybookjs/react-native#456
- Fix missing icons on react-native < 0.71 by
[@&#8203;stevoland](https://togithub.com/stevoland) in
[storybookjs/react-native#455

##### New Contributors

- [@&#8203;andrewlo](https://togithub.com/andrewlo) made their first
contribution in
[storybookjs/react-native#452
- [@&#8203;flexbox](https://togithub.com/flexbox) made their first
contribution in
[storybookjs/react-native#453

**Full Changelog**:
storybookjs/react-native@v6.5.1...v6.5.2

###
[`v6.5.1`](https://togithub.com/storybookjs/react-native/releases/tag/v6.5.1)

[Compare
Source](https://togithub.com/storybookjs/react-native/compare/v6.5.0...v6.5.1)

Readme update for npm

**Full Changelog**:
storybookjs/react-native@v6.5.0...v6.5.1

###
[`v6.5.0`](https://togithub.com/storybookjs/react-native/blob/HEAD/CHANGELOG.md#v650-rc9)

[Compare
Source](https://togithub.com/storybookjs/react-native/compare/v5.3.23...v6.5.0)

#### What's Changed

- feat: rename tabs to sidebar, canvas, addons by
[@&#8203;dannyhw](https://togithub.com/dannyhw) in
[storybookjs/react-native#447

**Full Changelog**:
storybookjs/react-native@v6.5.0-rc.8...v6.5.0-rc.9

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://app.renovatebot.com/dashboard#github/dooboolab-community/dooboo-ui).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNS41Ny4wIiwidXBkYXRlZEluVmVyIjoiMzUuNTcuMCJ9-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.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.

None yet

2 participants