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

Icons are missing from Modal Calendar #370

Closed
plueondee opened this issue Feb 13, 2024 · 8 comments
Closed

Icons are missing from Modal Calendar #370

plueondee opened this issue Feb 13, 2024 · 8 comments
Labels
bug Something isn't working enhancement New feature or request needs more info Needs more information needs repro Needs reproducible example stale

Comments

@plueondee
Copy link

Current behaviour

run the app and got the warning
Warning: Failed prop type: Invalid prop name of value menu-up supplied to Icon, expected one of ["activity","airplay","alert-circle","alert-octagon","alert-triangle","align-center","align-justify","align-left","align-right","anchor","aperture","archive","arrow-down","arrow-down-circle","arrow-down-left","arrow-down-right","arrow-left","arrow-left-circle","arrow-right","arrow-right-circle","arrow-up","arrow-up-circle","arrow-up-left","arrow-up-right","at-sign","award","bar-chart","bar-chart-2","battery","battery-charging","bell","bell-off","bluetooth","bold","book","book-open","bookmark","box","briefcase","calendar","camera","camera-off","cast","check","check-circle","check-square","chevron-down","chevron-left","chevron-right","chevron-up","chevrons-down","chevrons-left","chevrons-right","chevrons-up","chrome","circle","clipboard","clock","cloud","cloud-drizzle","cloud-lightning","cloud-off","cloud-rain","cloud-snow","code","codepen","codesandbox","coffee","columns","command","compass","copy","corner-down-left","corner-down-right","corner-left-down","corner-left-up","corner-right-down","corner-right-up","corner-up-left","corner-up-right","cpu","credit-card","crop","crosshair","database","delete","disc","divide","divide-circle","divide-square","dollar-sign","download","download-cloud","dribbble","droplet","edit","edit-2","edit-3","external-link","eye","eye-off","facebook","fast-forward","feather","figma","file","file-minus","file-plus","file-text","film","filter","flag","folder","folder-minus","folder-plus","framer","frown","gift","git-branch","git-commit","git-merge","git-pull-request","github","gitlab","globe","grid","hard-drive","hash","headphones","heart","help-circle","hexagon","home","image","inbox","info","instagram","italic","key","layers","layout","life-buoy","link","link-2","linkedin","list","loader","lock","log-in","log-out","mail","map","map-pin","maximize","maximize-2","meh","menu","message-circle","message-square","mic","mic-off","minimize","minimize-2","minus","minus-circle","minus-square","monitor","moon","more-horizontal","more-vertical","mouse-pointer","move","music","navigation","navigation-2","octagon","package","paperclip","pause","pause-circle","pen-tool","percent","phone","phone-call","phone-forwarded","phone-incoming","phone-missed","phone-off","phone-outgoing","pie-chart","play","play-circle","plus","plus-circle","plus-square","pocket","power","printer","radio","refresh-ccw","refresh-cw","repeat","rewind","rotate-ccw","rotate-cw","rss","save","scissors","search","send","server","settings","share","share-2","shield","shield-off","shopping-bag","shopping-cart","shuffle","sidebar","skip-back","skip-forward","slack","slash","sliders","smartphone","smile","speaker","square","star","stop-circle","sun","sunrise","sunset","tablet","tag","target","terminal","thermometer","thumbs-down","thumbs-up","toggle-left","toggle-right","tool","trash","trash-2","trello","trending-down","trending-up","triangle","truck","tv","twitch","twitter","type","umbrella","underline","unlock","upload","upload-cloud","user","user-check","user-minus","user-plus","user-x","users","video","video-off","voicemail","volume","volume-1","volume-2","volume-x","watch","wifi","wifi-off","wind","x","x-circle","x-octagon","x-square","youtube","zap","zap-off","zoom-in","zoom-out"].

Expected behaviour

Icons should show up

How to reproduce?

run the app and click the calendar icon

Preview

Simulator Screenshot - iPhone 15 Pro - 2024-02-13 at 15 18 05

What have you tried so far?

upgrade react native papers and react native to the latest

Your Environment

software version
ios iphone 15 (17.2)
android x
react-native "0.73.4"
react-native-paper "^5.12.3"
node ">=18"
npm or yarn yarn
expo sdk x.x.x
@plueondee plueondee added the bug Something isn't working label Feb 13, 2024
@plueondee plueondee changed the title Icons missing from Modal Calendar Icons are missing from Modal Calendar Feb 13, 2024
@iM-GeeKy iM-GeeKy added needs repro Needs reproducible example needs more info Needs more information labels Feb 13, 2024
Copy link
Contributor

Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.

Copy link
Contributor

Hey! Thanks for opening the issue. Can you provide more information about the issue? Please fill the issue template when opening the issue without deleting any section. We need all the information we can, to be able to help. Make sure to at least provide - Current behaviour, Expected behaviour, A way to reproduce the issue with minimal code (link to snack.expo.dev) or a repo on GitHub, and the information about your environment (such as the platform of the device, versions of all the packages etc.).

@FloKla
Copy link

FloKla commented Feb 19, 2024

I have exactly the same issue since updating to expo 50.

Seems to be caused/releated by/to this: callstack/react-native-paper#4295

@phabiulla
Copy link

phabiulla commented Mar 10, 2024

Same issue here! I choose to use the Feather icons and seems not all icons are configurable.
I'm having issues specially with the menu-down/menu-up icons

Screenshot 2024-03-10 at 20 58 05 Screenshot 2024-03-10 at 20 59 43

@zorgoluis
Copy link

¡El mismo problema aquí! Elijo usar los íconos de pluma y parece que no todos los íconos son configurables. Tengo problemas, especialmente con los iconos.menu-down/menu-up

Captura de pantalla 2024-03-10 en 20 58 05 Captura de pantalla 2024-03-10 a las 20 59 43

solo esta para MaterialCommunityIcons

@RichardLindhout
Copy link
Member

RichardLindhout commented Mar 21, 2024

I currently overwrite the icons in my own apps with the react-native-paper settings on the ThemeProvider there you can replace all kind of icons with custom ones

@RichardLindhout RichardLindhout added the enhancement New feature or request label Mar 21, 2024
@RichardLindhout
Copy link
Member

PR for this is welcome

Copy link
Contributor

Hello 👋, this issue has been open for more than a month without a repro or any activity. If the issue is still present in the latest version, please provide a repro or leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution or workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request needs more info Needs more information needs repro Needs reproducible example stale
Projects
None yet
Development

No branches or pull requests

6 participants