Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/FoxxMD/multi-scrobbler. Scrobble plays from multiple sources to multiple clients docs.multi-scrobbler.app
deezer docker jellyfin koito lastfm listenbrainz maloja mopidy mpris music music-assistant plex scrobble self-hosted spotify subsonic tautulli youtube-music
Something went wrong. Try again.
1.1 kB · 41 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142"use client"
import { Toaster as ChakraToaster, Portal, Spinner, Stack, Toast, createToaster,} from "@chakra-ui/react"
export const toaster = createToaster({ placement: "bottom-end", pauseOnPageIdle: true,})
export const Toaster = () => ( <Portal> <ChakraToaster toaster={toaster} insetInline={{ mdDown: "4" }}> {(toast) => ( <Toast.Root width={{ md: "sm" }}> {toast.type === "loading" ? ( <Spinner size="sm" color="blue.solid" /> ) : ( <Toast.Indicator /> )} <Stack gap="1" flex="1" maxWidth="100%"> {toast.title && <Toast.Title>{toast.title}</Toast.Title>} {toast.description && ( <Toast.Description>{toast.description}</Toast.Description> )} </Stack> {toast.action && ( <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger> )} {toast.closable && <Toast.CloseTrigger />} </Toast.Root> )} </ChakraToaster> </Portal> )