app-monorepo icon indicating copy to clipboard operation
app-monorepo copied to clipboard

feat: support mutiple lines in Toast Message

Open huhuanming opened this issue 1 year ago • 5 comments
trafficstars

huhuanming avatar Apr 25 '24 06:04 huhuanming

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders
Open Preview

codesandbox[bot] avatar Apr 25 '24 06:04 codesandbox[bot]

PR Summary

  • Updated Dependencies Two additional dependencies were included in the project files for enhanced functionality. The 'mobile/package.json' got a new dependency '@backpackapp-io/react-native-toast' and another one, 'sonner' was added to 'package.json'.

  • Refactoring Toast Component The Toast component files underwent significant changes. A specific file 'ShowToaster.tsx' was renamed to 'ShowCustom.tsx', and its export name was changed correspondingly.

  • Deletion and Addition of Files The file 'Toast.native.tsx' was completely removed from the project structure. In contrast, a new file 'Toaster.native.tsx' was inserted to provide updated features.

  • Updated Component Import Statements The contents of 'Toaster.tsx' and 'index.tsx' were altered. The updated import statement now pulls 'Toaster' from the newly included 'sonner' library, and certain props were introduced to the 'Toaster' component. In addition, 'index.tsx' had its import statements changed, and it now reexports the 'useToaster' hook and 'IShowToasterProps' type from 'ShowCustom.tsx'.

  • Added New Files Three new files named 'showMessage.native.tsx','showMessage.tsx', and 'type.ts' were added under the Toast actions.

  • Updated React Provider Structure The file 'index.tsx' under 'kit/src/provider' was amended to nest the 'ThemeProvider' component within the 'GestureHandlerRootView' component.

  • Developer Pages Gallery Modification Changes were also incorporated into 'Toast.tsx' in the 'Developer/pages/Gallery/Components/stories', where new buttons rendering different toast messages and durations were added.

  • Introduced New Constant A fresh constant 'TOAST_Z_INDEX' was added to 'overlayUtils.ts'.

what-the-diff[bot] avatar Apr 25 '24 06:04 what-the-diff[bot]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/@babel/[email protected] None 0 65.6 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 11.8 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 2.68 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 2.47 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 2.74 kB jlhwung
npm/@babel/[email protected] None 0 2.63 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 2.75 kB jlhwung
npm/@babel/[email protected] None 0 2.53 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 2.52 kB nicolo-ribaudo
npm/@babel/[email protected] None 0 2.74 kB nicolo-ribaudo
npm/@backpackapp-io/[email protected] None 0 204 kB nickdeb
npm/@onekeyfe/[email protected] None 0 42.2 kB 1keyfe
npm/@onekeyfe/[email protected] None 0 6.01 MB 1keyfe
npm/@onekeyfe/[email protected] None 0 10.5 kB 1keyfe
npm/@onekeyfe/[email protected] None 0 47.7 kB 1keyfe
npm/@onekeyfe/[email protected] None 0 28.2 kB 1keyfe
npm/@onekeyfe/[email protected] None 0 2.69 MB 1keyfe
npm/@onekeyfe/[email protected] None 0 39.6 kB 1keyfe
npm/@onekeyfe/[email protected] None 0 572 kB 1keyfe
npm/@onekeyfe/[email protected] None 0 22.4 MB 1keyfe
npm/@onekeyfe/[email protected] environment 0 55.6 kB 1keyfe
npm/@polkadot/[email protected] None 0 24.4 kB polkadotjs
npm/@polkadot/[email protected] None 0 2.21 MB polkadotjs
npm/@polkadot/[email protected] None 0 1.14 MB polkadotjs
npm/@substrate/[email protected] None 0 62.4 kB bee344
npm/@tamagui/[email protected] environment 0 38.5 kB nwienert
npm/@tamagui/[email protected] None 0 8.38 MB nwienert
npm/@tamagui/[email protected] environment, filesystem, shell, unsafe 0 1.27 MB nwienert
npm/@tamagui/[email protected] None 0 8.92 MB nwienert
npm/@tamagui/[email protected] environment 0 945 kB nwienert
npm/@vespaiach/[email protected] network 0 11.3 kB vespaiach
npm/@wagmi/[email protected] None 0 1.61 MB awkweb
npm/@walletconnect/[email protected] None 0 558 kB iljadoesdev
npm/@walletconnect/[email protected] eval 0 4.7 MB gancho_walletconnect
npm/@walletconnect/[email protected] None 0 2.69 MB gancho_walletconnect
npm/[email protected] None 0 17 kB sindresorhus
npm/[email protected] None 0 6.73 MB aptos-labs
npm/[email protected] None 0 10.2 kB junderw
npm/[email protected] None 0 6.7 MB ashnur
npm/[email protected] None 0 351 kB mikemcl
npm/[email protected] None 0 156 kB dcposch
npm/[email protected] environment, eval, unsafe 0 632 kB esailija
npm/[email protected] None 0 192 kB dignifiedquire
npm/[email protected] network 0 4.5 kB bendrucker
npm/[email protected] None 0 7.45 kB sindresorhus
npm/[email protected] None 0 20.6 kB alex-d
npm/[email protected] filesystem 0 5.75 kB isaacs
npm/[email protected] None 0 32.1 kB sindresorhus
npm/[email protected] None 0 12.7 kB iarna
npm/[email protected] None 0 15.9 kB phated
npm/[email protected] None 0 53.5 kB cwmma
npm/[email protected] None 0 10.7 kB difelice
npm/[email protected] None 0 8.51 kB ganeshrvel
npm/[email protected] None 0 10.2 kB sindresorhus
npm/[email protected] None 0 315 kB stefanpenner
npm/[email protected] environment, filesystem Transitive: unsafe +17 5.31 MB eslintbot
npm/[email protected] None 0 6.22 kB samverschueren
npm/[email protected] environment 0 171 kB brentvatne
npm/[email protected] None 0 21.2 kB webreflection
npm/[email protected] network 0 2.79 kB feross
npm/[email protected] network +1 60.6 kB tootallnate
npm/[email protected] Transitive: filesystem, unsafe +3 19.8 kB sindresorhus
npm/[email protected] None 0 9.3 kB isaacs
npm/[email protected] None 0 5.01 kB wooorm
npm/[email protected] None 0 5.58 kB feross
npm/[email protected] None 0 4.68 kB wooorm
npm/[email protected] None 0 4.41 kB hughsk
npm/[email protected] None 0 403 kB daishi
npm/[email protected] None 0 52.9 kB emn178
npm/[email protected] None 0 10.4 kB isaacs
npm/[email protected] None 0 235 kB jordanbtucker
npm/[email protected] environment 0 1.61 MB timocov
npm/[email protected] None 0 14 kB jdalton
npm/[email protected] None 0 458 kB isaacs
npm/[email protected] None 0 55.6 kB medikoo
npm/[email protected] None 0 40.8 kB awkweb
npm/[email protected] environment, filesystem 0 19.1 kB isaacs
npm/[email protected] None 0 126 kB hgoebl
npm/[email protected] None 0 12.7 kB bubkoo
npm/[email protected] None 0 298 kB suguru03
npm/[email protected] None 0 7.65 kB medikoo
npm/[email protected] None 0 3.06 kB sindresorhus
npm/[email protected] None +1 13.8 kB sindresorhus
npm/[email protected] None 0 788 kB vitaly
npm/[email protected] None +3 23.9 kB sindresorhus
npm/[email protected] environment, filesystem, unsafe 0 11.2 MB prettier-bot
npm/[email protected] None +2 203 kB terkelg
npm/[email protected] environment 0 4.5 MB gnoff
npm/[email protected] environment 0 316 kB gnoff
npm/[email protected] None 0 6.6 kB sboudrias
npm/[email protected] None 0 226 kB ricmoo
npm/[email protected] None 0 138 kB joshglazebrook
npm/[email protected] None 0 26.4 kB sokra
npm/[email protected] filesystem, network 0 226 kB eemeli
npm/[email protected] None 0 5.06 kB sindresorhus
npm/[email protected] None 0 7.04 kB sindresorhus
npm/[email protected] None 0 12.5 kB dominictarr
npm/[email protected] None 0 11.2 kB mathias
npm/[email protected] None 0 14.8 kB isaacs

🚮 Removed packages: npm/@babel/[email protected], npm/@babel/[email protected], npm/@protobufjs/[email protected], npm/@sindresorhus/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

socket-security[bot] avatar Apr 25 '24 06:04 socket-security[bot]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

Ignoring: npm/[email protected]

View full report↗︎

Next steps

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

socket-security[bot] avatar May 01 '24 03:05 socket-security[bot]

@SocketSecurity ignore npm/[email protected] @SocketSecurity ignore npm/[email protected] @SocketSecurity ignore npm/[email protected] @SocketSecurity ignore npm/[email protected]

huhuanming avatar May 20 '24 01:05 huhuanming

@SocketSecurity ignore npm/[email protected]

huhuanming avatar Jun 11 '24 07:06 huhuanming