Add smooth animation when displaying icon details and improve mobile responsive #879
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
I think the end of a transition should be caught by the transitionend event, not a timer. |
05d5c92 to
0cd2a2b
Compare
0cd2a2b to
5a0fd9c
Compare
|
I agree, I didn't know about In my recent commit 5a0fd9c, I removed the timeout and replaced it with a transitionend listener. I've kept [animationIsOpen, onClose] as dependencies to ensure the listener is reset properly. I'm open to suggestions |
|
In commit 3b153aa, the bug that covered the close button on mobile when the icon name was too long was fixed. Before Now |
renovate bot
referenced
this pull request
in inabagumi/shinju-date
Jan 11, 2024
[](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [react-icons](https://togithub.com/react-icons/react-icons) | [`^5.0.0` -> `^5.0.1`](https://renovatebot.com/diffs/npm/react-icons/5.0.0/5.0.1) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>react-icons/react-icons (react-icons)</summary> ### [`v5.0.1`](https://togithub.com/react-icons/react-icons/releases/tag/v5.0.1) [Compare Source](https://togithub.com/react-icons/react-icons/compare/v5.0.0...v5.0.1) #### What's Changed - change boxicons license by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/892](https://togithub.com/react-icons/react-icons/pull/892) - remove title tag by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/893](https://togithub.com/react-icons/react-icons/pull/893) - fix typescript definition by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/897](https://togithub.com/react-icons/react-icons/pull/897) - Add smooth animation when displaying icon details and improve mobile responsive by [@​gabrielogregorio](https://togithub.com/gabrielogregorio) in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) - preview site: multiword search by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/898](https://togithub.com/react-icons/react-icons/pull/898) #### New Contributors - [@​gabrielogregorio](https://togithub.com/gabrielogregorio) made their first contribution in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) **Full Changelog**: react-icons/react-icons@v5.0.0...v5.0.1 | Icon Library | License | Version | Count | | --- | --- | --- | ---: | | [Circum Icons](https://circumicons.com/) | [MPL-2.0 license](https://togithub.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE) | 1.0.0 | 288 | | [Font Awesome 5](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4-3-gafecf2a | 1612 | | [Font Awesome 6](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.4.2 | 2025 | | [Ionicons 4](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 4.6.3 | 696 | | [Ionicons 5](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 5.5.4 | 1332 | | [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://togithub.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-90-g1ea21d5429 | 4341 | | [Typicons](http://s-ings.com/typicons/) | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) | 2.1.2 | 336 | | [Github Octicons icons](https://octicons.github.com/) | [MIT](https://togithub.com/primer/octicons/blob/master/LICENSE) | 18.3.0 | 264 | | [Feather](https://feathericons.com/) | [MIT](https://togithub.com/feathericons/feather/blob/master/LICENSE) | 4.29.1 | 287 | | [Lucide](https://lucide.dev/) | [ISC](https://togithub.com/lucide-icons/lucide/blob/main/LICENSE) | v5.0.1 | 1215 | | [Game Icons](https://game-icons.net/) | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/) | [`12920d6`](https://togithub.com/react-icons/react-icons/commit/12920d6565588f0512542a3cb0cdfd36a497f910) | 4040 | | [Weather Icons](https://erikflowers.github.io/weather-icons/) | [SIL OFL 1.1](http://scripts.sil.org/OFL) | 2.0.12 | 219 | | [Devicons](https://vorillaz.github.io/devicons/) | [MIT](https://opensource.org/licenses/MIT) | 1.8.0 | 192 | | [Ant Design Icons](https://togithub.com/ant-design/ant-design-icons) | [MIT](https://opensource.org/licenses/MIT) | 4.3.1 | 789 | | [Bootstrap Icons](https://togithub.com/twbs/icons) | [MIT](https://opensource.org/licenses/MIT) | 1.11.1 | 2716 | | [Remix Icon](https://togithub.com/Remix-Design/RemixIcon) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 3.5.0 | 2537 | | [Flat Color Icons](https://togithub.com/icons8/flat-color-icons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.2 | 329 | | [Grommet-Icons](https://togithub.com/grommet/grommet-icons) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 4.11.0 | 635 | | [Heroicons](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.6 | 460 | | [Heroicons 2](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 2.0.18 | 876 | | [Simple Icons](https://simpleicons.org/) | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/) | 9.20.0 | 2753 | | [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/) | [MIT](https://opensource.org/licenses/MIT) | 2.5.5 | 189 | | [IcoMoon Free](https://togithub.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://togithub.com/Keyamoon/IcoMoon-Free/blob/master/License.txt) | [`d006795`](https://togithub.com/react-icons/react-icons/commit/d006795ede82361e1bac1ee76f215cf1dc51e4ca) | 491 | | [BoxIcons](https://togithub.com/atisawd/boxicons) | [MIT](https://togithub.com/atisawd/boxicons/blob/master/LICENSE) | 2.1.4 | 1634 | | [css.gg](https://togithub.com/astrit/css.gg) | [MIT](https://opensource.org/licenses/MIT) | 2.1.1 | 704 | | [VS Code Icons](https://togithub.com/microsoft/vscode-codicons) | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) | 0.0.35 | 439 | | [Tabler Icons](https://togithub.com/tabler/tabler-icons) | [MIT](https://opensource.org/licenses/MIT) | 2.40.0 | 4836 | | [Themify Icons](https://togithub.com/lykmapipo/themify-icons) | [MIT](https://togithub.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE) | v0.1.2-2-g9600186 | 352 | | [Radix Icons](https://icons.radix-ui.com) | [MIT](https://togithub.com/radix-ui/icons/blob/master/LICENSE) | [@​radix-ui/react-icons](https://togithub.com/radix-ui/react-icons)[@​1](https://togithub.com/1).3.0-1-g94b3fcf | 318 | | [Phosphor Icons](https://togithub.com/phosphor-icons/core) | [MIT](https://togithub.com/phosphor-icons/core/blob/main/LICENSE) | 2.0.2 | 7488 | | [Icons8 Line Awesome](https://icons8.com/line-awesome) | [MIT](https://togithub.com/icons8/line-awesome/blob/master/LICENSE.md) | 1.3.1 | 1544 | </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update 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://developer.mend.io/github/inabagumi/shinju-date). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xMjcuMCIsInVwZGF0ZWRJblZlciI6IjM3LjEyNy4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9--> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
simonknittel
referenced
this pull request
in simonknittel/sinister-incorporated
Jan 11, 2024
[](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [react-icons](https://togithub.com/react-icons/react-icons) | [`4.12.0` -> `5.0.1`](https://renovatebot.com/diffs/npm/react-icons/4.12.0/5.0.1) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>react-icons/react-icons (react-icons)</summary> ### [`v5.0.1`](https://togithub.com/react-icons/react-icons/releases/tag/v5.0.1) [Compare Source](https://togithub.com/react-icons/react-icons/compare/v5.0.0...v5.0.1) #### What's Changed - change boxicons license by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/892](https://togithub.com/react-icons/react-icons/pull/892) - remove title tag by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/893](https://togithub.com/react-icons/react-icons/pull/893) - fix typescript definition by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/897](https://togithub.com/react-icons/react-icons/pull/897) - Add smooth animation when displaying icon details and improve mobile responsive by [@​gabrielogregorio](https://togithub.com/gabrielogregorio) in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) - preview site: multiword search by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/898](https://togithub.com/react-icons/react-icons/pull/898) #### New Contributors - [@​gabrielogregorio](https://togithub.com/gabrielogregorio) made their first contribution in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) **Full Changelog**: react-icons/react-icons@v5.0.0...v5.0.1 | Icon Library | License | Version | Count | | --- | --- | --- | ---: | | [Circum Icons](https://circumicons.com/) | [MPL-2.0 license](https://togithub.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE) | 1.0.0 | 288 | | [Font Awesome 5](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4-3-gafecf2a | 1612 | | [Font Awesome 6](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.4.2 | 2025 | | [Ionicons 4](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 4.6.3 | 696 | | [Ionicons 5](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 5.5.4 | 1332 | | [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://togithub.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-90-g1ea21d5429 | 4341 | | [Typicons](http://s-ings.com/typicons/) | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) | 2.1.2 | 336 | | [Github Octicons icons](https://octicons.github.com/) | [MIT](https://togithub.com/primer/octicons/blob/master/LICENSE) | 18.3.0 | 264 | | [Feather](https://feathericons.com/) | [MIT](https://togithub.com/feathericons/feather/blob/master/LICENSE) | 4.29.1 | 287 | | [Lucide](https://lucide.dev/) | [ISC](https://togithub.com/lucide-icons/lucide/blob/main/LICENSE) | v5.0.1 | 1215 | | [Game Icons](https://game-icons.net/) | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/) | [`12920d6`](https://togithub.com/react-icons/react-icons/commit/12920d6565588f0512542a3cb0cdfd36a497f910) | 4040 | | [Weather Icons](https://erikflowers.github.io/weather-icons/) | [SIL OFL 1.1](http://scripts.sil.org/OFL) | 2.0.12 | 219 | | [Devicons](https://vorillaz.github.io/devicons/) | [MIT](https://opensource.org/licenses/MIT) | 1.8.0 | 192 | | [Ant Design Icons](https://togithub.com/ant-design/ant-design-icons) | [MIT](https://opensource.org/licenses/MIT) | 4.3.1 | 789 | | [Bootstrap Icons](https://togithub.com/twbs/icons) | [MIT](https://opensource.org/licenses/MIT) | 1.11.1 | 2716 | | [Remix Icon](https://togithub.com/Remix-Design/RemixIcon) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 3.5.0 | 2537 | | [Flat Color Icons](https://togithub.com/icons8/flat-color-icons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.2 | 329 | | [Grommet-Icons](https://togithub.com/grommet/grommet-icons) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 4.11.0 | 635 | | [Heroicons](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.6 | 460 | | [Heroicons 2](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 2.0.18 | 876 | | [Simple Icons](https://simpleicons.org/) | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/) | 9.20.0 | 2753 | | [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/) | [MIT](https://opensource.org/licenses/MIT) | 2.5.5 | 189 | | [IcoMoon Free](https://togithub.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://togithub.com/Keyamoon/IcoMoon-Free/blob/master/License.txt) | [`d006795`](https://togithub.com/react-icons/react-icons/commit/d006795ede82361e1bac1ee76f215cf1dc51e4ca) | 491 | | [BoxIcons](https://togithub.com/atisawd/boxicons) | [MIT](https://togithub.com/atisawd/boxicons/blob/master/LICENSE) | 2.1.4 | 1634 | | [css.gg](https://togithub.com/astrit/css.gg) | [MIT](https://opensource.org/licenses/MIT) | 2.1.1 | 704 | | [VS Code Icons](https://togithub.com/microsoft/vscode-codicons) | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) | 0.0.35 | 439 | | [Tabler Icons](https://togithub.com/tabler/tabler-icons) | [MIT](https://opensource.org/licenses/MIT) | 2.40.0 | 4836 | | [Themify Icons](https://togithub.com/lykmapipo/themify-icons) | [MIT](https://togithub.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE) | v0.1.2-2-g9600186 | 352 | | [Radix Icons](https://icons.radix-ui.com) | [MIT](https://togithub.com/radix-ui/icons/blob/master/LICENSE) | [@​radix-ui/react-icons](https://togithub.com/radix-ui/react-icons)[@​1](https://togithub.com/1).3.0-1-g94b3fcf | 318 | | [Phosphor Icons](https://togithub.com/phosphor-icons/core) | [MIT](https://togithub.com/phosphor-icons/core/blob/main/LICENSE) | 2.0.2 | 7488 | | [Icons8 Line Awesome](https://icons8.com/line-awesome) | [MIT](https://togithub.com/icons8/line-awesome/blob/master/LICENSE.md) | 1.3.1 | 1544 | ### [`v5.0.0`](https://togithub.com/react-icons/react-icons/releases/tag/v5.0.0) [Compare Source](https://togithub.com/react-icons/react-icons/compare/v4.12.0...v5.0.0) #### What's Changed - Fix: Strict ESM loader compatibility by [@​e1himself](https://togithub.com/e1himself) in [https://github.com/react-icons/react-icons/pull/880](https://togithub.com/react-icons/react-icons/pull/880) #### Miner Changed - astro: Keep focus search input in sidebar by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/842](https://togithub.com/react-icons/react-icons/pull/842) - update cheerio, svgo by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/890](https://togithub.com/react-icons/react-icons/pull/890) - Bump vite from 4.5.0 to 4.5.1 by [@​dependabot](https://togithub.com/dependabot) in [https://github.com/react-icons/react-icons/pull/873](https://togithub.com/react-icons/react-icons/pull/873) - Fix typo on store.tsx by [@​giubrocchi](https://togithub.com/giubrocchi) in [https://github.com/react-icons/react-icons/pull/875](https://togithub.com/react-icons/react-icons/pull/875) - Bump follow-redirects from 1.15.3 to 1.15.4 by [@​dependabot](https://togithub.com/dependabot) in [https://github.com/react-icons/react-icons/pull/891](https://togithub.com/react-icons/react-icons/pull/891) - Fix: Resolve Import Code Text Responsiveness in Icon Details Modal on Smaller Screens by [@​llbllhllk](https://togithub.com/llbllhllk) in [https://github.com/react-icons/react-icons/pull/858](https://togithub.com/react-icons/react-icons/pull/858) #### New Contributors - [@​giubrocchi](https://togithub.com/giubrocchi) made their first contribution in [https://github.com/react-icons/react-icons/pull/875](https://togithub.com/react-icons/react-icons/pull/875) - [@​llbllhllk](https://togithub.com/llbllhllk) made their first contribution in [https://github.com/react-icons/react-icons/pull/858](https://togithub.com/react-icons/react-icons/pull/858) - [@​e1himself](https://togithub.com/e1himself) made their first contribution in [https://github.com/react-icons/react-icons/pull/880](https://togithub.com/react-icons/react-icons/pull/880) **Full Changelog**: react-icons/react-icons@v4.12.0...v5.0.0 | Icon Library | License | Version | Count | | --- | --- | --- | ---: | | [Circum Icons](https://circumicons.com/) | [MPL-2.0 license](https://togithub.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE) | 1.0.0 | 288 | | [Font Awesome 5](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4-3-gafecf2a | 1612 | | [Font Awesome 6](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.4.2 | 2025 | | [Ionicons 4](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 4.6.3 | 696 | | [Ionicons 5](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 5.5.4 | 1332 | | [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://togithub.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-90-g1ea21d5429 | 4341 | | [Typicons](http://s-ings.com/typicons/) | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) | 2.1.2 | 336 | | [Github Octicons icons](https://octicons.github.com/) | [MIT](https://togithub.com/primer/octicons/blob/master/LICENSE) | 18.3.0 | 264 | | [Feather](https://feathericons.com/) | [MIT](https://togithub.com/feathericons/feather/blob/master/LICENSE) | 4.29.1 | 287 | | [Lucide](https://lucide.dev/) | [ISC](https://togithub.com/lucide-icons/lucide/blob/main/LICENSE) | v5.0.0 | 1215 | | [Game Icons](https://game-icons.net/) | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/) | [`12920d6`](https://togithub.com/react-icons/react-icons/commit/12920d6565588f0512542a3cb0cdfd36a497f910) | 4040 | | [Weather Icons](https://erikflowers.github.io/weather-icons/) | [SIL OFL 1.1](http://scripts.sil.org/OFL) | 2.0.12 | 219 | | [Devicons](https://vorillaz.github.io/devicons/) | [MIT](https://opensource.org/licenses/MIT) | 1.8.0 | 192 | | [Ant Design Icons](https://togithub.com/ant-design/ant-design-icons) | [MIT](https://opensource.org/licenses/MIT) | 4.3.1 | 789 | | [Bootstrap Icons](https://togithub.com/twbs/icons) | [MIT](https://opensource.org/licenses/MIT) | 1.11.1 | 2716 | | [Remix Icon](https://togithub.com/Remix-Design/RemixIcon) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 3.5.0 | 2537 | | [Flat Color Icons](https://togithub.com/icons8/flat-color-icons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.2 | 329 | | [Grommet-Icons](https://togithub.com/grommet/grommet-icons) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 4.11.0 | 635 | | [Heroicons](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.6 | 460 | | [Heroicons 2](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 2.0.18 | 876 | | [Simple Icons](https://simpleicons.org/) | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/) | 9.20.0 | 2753 | | [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/) | [MIT](https://opensource.org/licenses/MIT) | 2.5.5 | 189 | | [IcoMoon Free](https://togithub.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://togithub.com/Keyamoon/IcoMoon-Free/blob/master/License.txt) | [`d006795`](https://togithub.com/react-icons/react-icons/commit/d006795ede82361e1bac1ee76f215cf1dc51e4ca) | 491 | | [BoxIcons](https://togithub.com/atisawd/boxicons) | [CC BY 4.0 License](https://togithub.com/atisawd/boxicons/blob/master/LICENSE) | 2.1.4 | 1634 | | [css.gg](https://togithub.com/astrit/css.gg) | [MIT](https://opensource.org/licenses/MIT) | 2.1.1 | 704 | | [VS Code Icons](https://togithub.com/microsoft/vscode-codicons) | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) | 0.0.35 | 439 | | [Tabler Icons](https://togithub.com/tabler/tabler-icons) | [MIT](https://opensource.org/licenses/MIT) | 2.40.0 | 4836 | | [Themify Icons](https://togithub.com/lykmapipo/themify-icons) | [MIT](https://togithub.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE) | v0.1.2-2-g9600186 | 352 | | [Radix Icons](https://icons.radix-ui.com) | [MIT](https://togithub.com/radix-ui/icons/blob/master/LICENSE) | [@​radix-ui/react-icons](https://togithub.com/radix-ui/react-icons)[@​1](https://togithub.com/1).3.0-1-g94b3fcf | 318 | | [Phosphor Icons](https://togithub.com/phosphor-icons/core) | [MIT](https://togithub.com/phosphor-icons/core/blob/main/LICENSE) | 2.0.2 | 7488 | | [Icons8 Line Awesome](https://icons8.com/line-awesome) | [MIT](https://togithub.com/icons8/line-awesome/blob/master/LICENSE.md) | 1.3.1 | 1544 | </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 this update 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://developer.mend.io/github/simonknittel/sinister-incorporated). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xMjcuMCIsInVwZGF0ZWRJblZlciI6IjM3LjEyNy4wIiwidGFyZ2V0QnJhbmNoIjoiZGV2ZWxvcCJ9-->
SHABIN-K
referenced
this pull request
in SHABIN-K/Brainwave
Jan 11, 2024
[](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [react-icons](https://togithub.com/react-icons/react-icons) | [`5.0.0` -> `5.0.1`](https://renovatebot.com/diffs/npm/react-icons/5.0.0/5.0.1) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>react-icons/react-icons (react-icons)</summary> ### [`v5.0.1`](https://togithub.com/react-icons/react-icons/releases/tag/v5.0.1) [Compare Source](https://togithub.com/react-icons/react-icons/compare/v5.0.0...v5.0.1) #### What's Changed - change boxicons license by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/892](https://togithub.com/react-icons/react-icons/pull/892) - remove title tag by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/893](https://togithub.com/react-icons/react-icons/pull/893) - fix typescript definition by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/897](https://togithub.com/react-icons/react-icons/pull/897) - Add smooth animation when displaying icon details and improve mobile responsive by [@​gabrielogregorio](https://togithub.com/gabrielogregorio) in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) - preview site: multiword search by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/898](https://togithub.com/react-icons/react-icons/pull/898) #### New Contributors - [@​gabrielogregorio](https://togithub.com/gabrielogregorio) made their first contribution in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) **Full Changelog**: react-icons/react-icons@v5.0.0...v5.0.1 | Icon Library | License | Version | Count | | --- | --- | --- | ---: | | [Circum Icons](https://circumicons.com/) | [MPL-2.0 license](https://togithub.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE) | 1.0.0 | 288 | | [Font Awesome 5](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4-3-gafecf2a | 1612 | | [Font Awesome 6](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.4.2 | 2025 | | [Ionicons 4](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 4.6.3 | 696 | | [Ionicons 5](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 5.5.4 | 1332 | | [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://togithub.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-90-g1ea21d5429 | 4341 | | [Typicons](http://s-ings.com/typicons/) | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) | 2.1.2 | 336 | | [Github Octicons icons](https://octicons.github.com/) | [MIT](https://togithub.com/primer/octicons/blob/master/LICENSE) | 18.3.0 | 264 | | [Feather](https://feathericons.com/) | [MIT](https://togithub.com/feathericons/feather/blob/master/LICENSE) | 4.29.1 | 287 | | [Lucide](https://lucide.dev/) | [ISC](https://togithub.com/lucide-icons/lucide/blob/main/LICENSE) | v5.0.1 | 1215 | | [Game Icons](https://game-icons.net/) | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/) | [`12920d6`](https://togithub.com/react-icons/react-icons/commit/12920d6565588f0512542a3cb0cdfd36a497f910) | 4040 | | [Weather Icons](https://erikflowers.github.io/weather-icons/) | [SIL OFL 1.1](http://scripts.sil.org/OFL) | 2.0.12 | 219 | | [Devicons](https://vorillaz.github.io/devicons/) | [MIT](https://opensource.org/licenses/MIT) | 1.8.0 | 192 | | [Ant Design Icons](https://togithub.com/ant-design/ant-design-icons) | [MIT](https://opensource.org/licenses/MIT) | 4.3.1 | 789 | | [Bootstrap Icons](https://togithub.com/twbs/icons) | [MIT](https://opensource.org/licenses/MIT) | 1.11.1 | 2716 | | [Remix Icon](https://togithub.com/Remix-Design/RemixIcon) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 3.5.0 | 2537 | | [Flat Color Icons](https://togithub.com/icons8/flat-color-icons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.2 | 329 | | [Grommet-Icons](https://togithub.com/grommet/grommet-icons) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 4.11.0 | 635 | | [Heroicons](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.6 | 460 | | [Heroicons 2](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 2.0.18 | 876 | | [Simple Icons](https://simpleicons.org/) | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/) | 9.20.0 | 2753 | | [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/) | [MIT](https://opensource.org/licenses/MIT) | 2.5.5 | 189 | | [IcoMoon Free](https://togithub.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://togithub.com/Keyamoon/IcoMoon-Free/blob/master/License.txt) | [`d006795`](https://togithub.com/react-icons/react-icons/commit/d006795ede82361e1bac1ee76f215cf1dc51e4ca) | 491 | | [BoxIcons](https://togithub.com/atisawd/boxicons) | [MIT](https://togithub.com/atisawd/boxicons/blob/master/LICENSE) | 2.1.4 | 1634 | | [css.gg](https://togithub.com/astrit/css.gg) | [MIT](https://opensource.org/licenses/MIT) | 2.1.1 | 704 | | [VS Code Icons](https://togithub.com/microsoft/vscode-codicons) | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) | 0.0.35 | 439 | | [Tabler Icons](https://togithub.com/tabler/tabler-icons) | [MIT](https://opensource.org/licenses/MIT) | 2.40.0 | 4836 | | [Themify Icons](https://togithub.com/lykmapipo/themify-icons) | [MIT](https://togithub.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE) | v0.1.2-2-g9600186 | 352 | | [Radix Icons](https://icons.radix-ui.com) | [MIT](https://togithub.com/radix-ui/icons/blob/master/LICENSE) | [@​radix-ui/react-icons](https://togithub.com/radix-ui/react-icons)[@​1](https://togithub.com/1).3.0-1-g94b3fcf | 318 | | [Phosphor Icons](https://togithub.com/phosphor-icons/core) | [MIT](https://togithub.com/phosphor-icons/core/blob/main/LICENSE) | 2.0.2 | 7488 | | [Icons8 Line Awesome](https://icons8.com/line-awesome) | [MIT](https://togithub.com/icons8/line-awesome/blob/master/LICENSE.md) | 1.3.1 | 1544 | </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 this update 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://developer.mend.io/github/SHABIN-K/toss). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xMjcuMCIsInVwZGF0ZWRJblZlciI6IjM3LjEyNy4wIiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIn0=-->
mergify bot
referenced
this pull request
in SvenKirschbaum/musikbot-frontend
Jan 13, 2024
[](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [react-icons](https://togithub.com/react-icons/react-icons) | [`4.12.0` -> `5.0.1`](https://renovatebot.com/diffs/npm/react-icons/4.12.0/5.0.1) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>react-icons/react-icons (react-icons)</summary> ### [`v5.0.1`](https://togithub.com/react-icons/react-icons/releases/tag/v5.0.1) [Compare Source](https://togithub.com/react-icons/react-icons/compare/v5.0.0...v5.0.1) #### What's Changed - change boxicons license by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/892](https://togithub.com/react-icons/react-icons/pull/892) - remove title tag by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/893](https://togithub.com/react-icons/react-icons/pull/893) - fix typescript definition by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/897](https://togithub.com/react-icons/react-icons/pull/897) - Add smooth animation when displaying icon details and improve mobile responsive by [@​gabrielogregorio](https://togithub.com/gabrielogregorio) in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) - preview site: multiword search by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/898](https://togithub.com/react-icons/react-icons/pull/898) #### New Contributors - [@​gabrielogregorio](https://togithub.com/gabrielogregorio) made their first contribution in [https://github.com/react-icons/react-icons/pull/879](https://togithub.com/react-icons/react-icons/pull/879) **Full Changelog**: react-icons/react-icons@v5.0.0...v5.0.1 | Icon Library | License | Version | Count | | --- | --- | --- | ---: | | [Circum Icons](https://circumicons.com/) | [MPL-2.0 license](https://togithub.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE) | 1.0.0 | 288 | | [Font Awesome 5](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4-3-gafecf2a | 1612 | | [Font Awesome 6](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.4.2 | 2025 | | [Ionicons 4](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 4.6.3 | 696 | | [Ionicons 5](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 5.5.4 | 1332 | | [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://togithub.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-90-g1ea21d5429 | 4341 | | [Typicons](http://s-ings.com/typicons/) | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) | 2.1.2 | 336 | | [Github Octicons icons](https://octicons.github.com/) | [MIT](https://togithub.com/primer/octicons/blob/master/LICENSE) | 18.3.0 | 264 | | [Feather](https://feathericons.com/) | [MIT](https://togithub.com/feathericons/feather/blob/master/LICENSE) | 4.29.1 | 287 | | [Lucide](https://lucide.dev/) | [ISC](https://togithub.com/lucide-icons/lucide/blob/main/LICENSE) | v5.0.1 | 1215 | | [Game Icons](https://game-icons.net/) | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/) | [`12920d6`](https://togithub.com/react-icons/react-icons/commit/12920d6565588f0512542a3cb0cdfd36a497f910) | 4040 | | [Weather Icons](https://erikflowers.github.io/weather-icons/) | [SIL OFL 1.1](http://scripts.sil.org/OFL) | 2.0.12 | 219 | | [Devicons](https://vorillaz.github.io/devicons/) | [MIT](https://opensource.org/licenses/MIT) | 1.8.0 | 192 | | [Ant Design Icons](https://togithub.com/ant-design/ant-design-icons) | [MIT](https://opensource.org/licenses/MIT) | 4.3.1 | 789 | | [Bootstrap Icons](https://togithub.com/twbs/icons) | [MIT](https://opensource.org/licenses/MIT) | 1.11.1 | 2716 | | [Remix Icon](https://togithub.com/Remix-Design/RemixIcon) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 3.5.0 | 2537 | | [Flat Color Icons](https://togithub.com/icons8/flat-color-icons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.2 | 329 | | [Grommet-Icons](https://togithub.com/grommet/grommet-icons) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 4.11.0 | 635 | | [Heroicons](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.6 | 460 | | [Heroicons 2](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 2.0.18 | 876 | | [Simple Icons](https://simpleicons.org/) | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/) | 9.20.0 | 2753 | | [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/) | [MIT](https://opensource.org/licenses/MIT) | 2.5.5 | 189 | | [IcoMoon Free](https://togithub.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://togithub.com/Keyamoon/IcoMoon-Free/blob/master/License.txt) | [`d006795`](https://togithub.com/react-icons/react-icons/commit/d006795ede82361e1bac1ee76f215cf1dc51e4ca) | 491 | | [BoxIcons](https://togithub.com/atisawd/boxicons) | [MIT](https://togithub.com/atisawd/boxicons/blob/master/LICENSE) | 2.1.4 | 1634 | | [css.gg](https://togithub.com/astrit/css.gg) | [MIT](https://opensource.org/licenses/MIT) | 2.1.1 | 704 | | [VS Code Icons](https://togithub.com/microsoft/vscode-codicons) | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) | 0.0.35 | 439 | | [Tabler Icons](https://togithub.com/tabler/tabler-icons) | [MIT](https://opensource.org/licenses/MIT) | 2.40.0 | 4836 | | [Themify Icons](https://togithub.com/lykmapipo/themify-icons) | [MIT](https://togithub.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE) | v0.1.2-2-g9600186 | 352 | | [Radix Icons](https://icons.radix-ui.com) | [MIT](https://togithub.com/radix-ui/icons/blob/master/LICENSE) | [@​radix-ui/react-icons](https://togithub.com/radix-ui/react-icons)[@​1](https://togithub.com/1).3.0-1-g94b3fcf | 318 | | [Phosphor Icons](https://togithub.com/phosphor-icons/core) | [MIT](https://togithub.com/phosphor-icons/core/blob/main/LICENSE) | 2.0.2 | 7488 | | [Icons8 Line Awesome](https://icons8.com/line-awesome) | [MIT](https://togithub.com/icons8/line-awesome/blob/master/LICENSE.md) | 1.3.1 | 1544 | ### [`v5.0.0`](https://togithub.com/react-icons/react-icons/releases/tag/v5.0.0) [Compare Source](https://togithub.com/react-icons/react-icons/compare/v4.12.0...v5.0.0) #### What's Changed - Fix: Strict ESM loader compatibility by [@​e1himself](https://togithub.com/e1himself) in [https://github.com/react-icons/react-icons/pull/880](https://togithub.com/react-icons/react-icons/pull/880) #### Miner Changed - astro: Keep focus search input in sidebar by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/842](https://togithub.com/react-icons/react-icons/pull/842) - update cheerio, svgo by [@​kamijin-fanta](https://togithub.com/kamijin-fanta) in [https://github.com/react-icons/react-icons/pull/890](https://togithub.com/react-icons/react-icons/pull/890) - Bump vite from 4.5.0 to 4.5.1 by [@​dependabot](https://togithub.com/dependabot) in [https://github.com/react-icons/react-icons/pull/873](https://togithub.com/react-icons/react-icons/pull/873) - Fix typo on store.tsx by [@​giubrocchi](https://togithub.com/giubrocchi) in [https://github.com/react-icons/react-icons/pull/875](https://togithub.com/react-icons/react-icons/pull/875) - Bump follow-redirects from 1.15.3 to 1.15.4 by [@​dependabot](https://togithub.com/dependabot) in [https://github.com/react-icons/react-icons/pull/891](https://togithub.com/react-icons/react-icons/pull/891) - Fix: Resolve Import Code Text Responsiveness in Icon Details Modal on Smaller Screens by [@​llbllhllk](https://togithub.com/llbllhllk) in [https://github.com/react-icons/react-icons/pull/858](https://togithub.com/react-icons/react-icons/pull/858) #### New Contributors - [@​giubrocchi](https://togithub.com/giubrocchi) made their first contribution in [https://github.com/react-icons/react-icons/pull/875](https://togithub.com/react-icons/react-icons/pull/875) - [@​llbllhllk](https://togithub.com/llbllhllk) made their first contribution in [https://github.com/react-icons/react-icons/pull/858](https://togithub.com/react-icons/react-icons/pull/858) - [@​e1himself](https://togithub.com/e1himself) made their first contribution in [https://github.com/react-icons/react-icons/pull/880](https://togithub.com/react-icons/react-icons/pull/880) **Full Changelog**: react-icons/react-icons@v4.12.0...v5.0.0 | Icon Library | License | Version | Count | | --- | --- | --- | ---: | | [Circum Icons](https://circumicons.com/) | [MPL-2.0 license](https://togithub.com/Klarr-Agency/Circum-Icons/blob/main/LICENSE) | 1.0.0 | 288 | | [Font Awesome 5](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4-3-gafecf2a | 1612 | | [Font Awesome 6](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.4.2 | 2025 | | [Ionicons 4](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 4.6.3 | 696 | | [Ionicons 5](https://ionicons.com/) | [MIT](https://togithub.com/ionic-team/ionicons/blob/master/LICENSE) | 5.5.4 | 1332 | | [Material Design icons](http://google.github.io/material-design-icons/) | [Apache License Version 2.0](https://togithub.com/google/material-design-icons/blob/master/LICENSE) | 4.0.0-90-g1ea21d5429 | 4341 | | [Typicons](http://s-ings.com/typicons/) | [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) | 2.1.2 | 336 | | [Github Octicons icons](https://octicons.github.com/) | [MIT](https://togithub.com/primer/octicons/blob/master/LICENSE) | 18.3.0 | 264 | | [Feather](https://feathericons.com/) | [MIT](https://togithub.com/feathericons/feather/blob/master/LICENSE) | 4.29.1 | 287 | | [Lucide](https://lucide.dev/) | [ISC](https://togithub.com/lucide-icons/lucide/blob/main/LICENSE) | v5.0.0 | 1215 | | [Game Icons](https://game-icons.net/) | [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/) | [`12920d6`](https://togithub.com/react-icons/react-icons/commit/12920d6565588f0512542a3cb0cdfd36a497f910) | 4040 | | [Weather Icons](https://erikflowers.github.io/weather-icons/) | [SIL OFL 1.1](http://scripts.sil.org/OFL) | 2.0.12 | 219 | | [Devicons](https://vorillaz.github.io/devicons/) | [MIT](https://opensource.org/licenses/MIT) | 1.8.0 | 192 | | [Ant Design Icons](https://togithub.com/ant-design/ant-design-icons) | [MIT](https://opensource.org/licenses/MIT) | 4.3.1 | 789 | | [Bootstrap Icons](https://togithub.com/twbs/icons) | [MIT](https://opensource.org/licenses/MIT) | 1.11.1 | 2716 | | [Remix Icon](https://togithub.com/Remix-Design/RemixIcon) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 3.5.0 | 2537 | | [Flat Color Icons](https://togithub.com/icons8/flat-color-icons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.2 | 329 | | [Grommet-Icons](https://togithub.com/grommet/grommet-icons) | [Apache License Version 2.0](http://www.apache.org/licenses/) | 4.11.0 | 635 | | [Heroicons](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 1.0.6 | 460 | | [Heroicons 2](https://togithub.com/tailwindlabs/heroicons) | [MIT](https://opensource.org/licenses/MIT) | 2.0.18 | 876 | | [Simple Icons](https://simpleicons.org/) | [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/) | 9.20.0 | 2753 | | [Simple Line Icons](https://thesabbir.github.io/simple-line-icons/) | [MIT](https://opensource.org/licenses/MIT) | 2.5.5 | 189 | | [IcoMoon Free](https://togithub.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://togithub.com/Keyamoon/IcoMoon-Free/blob/master/License.txt) | [`d006795`](https://togithub.com/react-icons/react-icons/commit/d006795ede82361e1bac1ee76f215cf1dc51e4ca) | 491 | | [BoxIcons](https://togithub.com/atisawd/boxicons) | [CC BY 4.0 License](https://togithub.com/atisawd/boxicons/blob/master/LICENSE) | 2.1.4 | 1634 | | [css.gg](https://togithub.com/astrit/css.gg) | [MIT](https://opensource.org/licenses/MIT) | 2.1.1 | 704 | | [VS Code Icons](https://togithub.com/microsoft/vscode-codicons) | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) | 0.0.35 | 439 | | [Tabler Icons](https://togithub.com/tabler/tabler-icons) | [MIT](https://opensource.org/licenses/MIT) | 2.40.0 | 4836 | | [Themify Icons](https://togithub.com/lykmapipo/themify-icons) | [MIT](https://togithub.com/thecreation/standard-icons/blob/master/modules/themify-icons/LICENSE) | v0.1.2-2-g9600186 | 352 | | [Radix Icons](https://icons.radix-ui.com) | [MIT](https://togithub.com/radix-ui/icons/blob/master/LICENSE) | [@​radix-ui/react-icons](https://togithub.com/radix-ui/react-icons)[@​1](https://togithub.com/1).3.0-1-g94b3fcf | 318 | | [Phosphor Icons](https://togithub.com/phosphor-icons/core) | [MIT](https://togithub.com/phosphor-icons/core/blob/main/LICENSE) | 2.0.2 | 7488 | | [Icons8 Line Awesome](https://icons8.com/line-awesome) | [MIT](https://togithub.com/icons8/line-awesome/blob/master/LICENSE.md) | 1.3.1 | 1544 | </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 this update again. --- - [ ] 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://developer.mend.io/github/SvenKirschbaum/musikbot-frontend).
This was referenced Aug 2, 2024
This was referenced Aug 4, 2024
This was referenced Aug 23, 2024
This was referenced Sep 23, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
I was using the react icons and noticed some things that I believe could be better.
This is my first attempt at contributing with react icons, forgive me if I have violated any rules
Changes Made
1 - A hook was added that allows a smooth opening and closing animation of the modal.
How does the hook work?
Basically the hook listens for changes in isOpen, which is the main controller for saying whether the modal is open or closed.
When isOpen is true, the hook also sets AnimationIsOpen to true, to update the right from -600px to 0px, this opens the modal.
When a closing event happens, then the closing animation is started, and after 250ms, which is the animation time, then onClose is effectively called to close the modal.
Such adjustments give the impression of opening and closing the modal.
Video, before and now
output.mp4
2 - Fixed alignment between the close icon and the text
before
now
3 - Improved mobile experience, now the modal size is 100% instead of 50%
before
now
3 - Expanded close button clickable area
before
now
