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.
939 B · 30 lines
TSX
at strict
123456789101112131415161718192021222324252627282930import { Box, Button, Menu, Portal } from "@chakra-ui/react"import type {ComponentProps} from "react";import { ExternalLinkIconRaw } from "./icons/ChakraIcons"import { EXTERNAL_LINKS } from "./SideNav"
export const ExternaLinksMenu = (props: ComponentProps<typeof Box> = {}) => ( <Box {...props}> <Menu.Root> <Menu.Trigger asChild> <Button size="sm" variant="ghost"> Links </Button> </Menu.Trigger> <Portal> <Menu.Positioner> <Menu.Content> {EXTERNAL_LINKS.items.map((link) => ( <Menu.Item key={link.url} asChild value={link.title} cursor="pointer"> <a href={link.url} target="_blank" rel="noreferrer"> {link.title} <ExternalLinkIconRaw /> </a> </Menu.Item> ))} </Menu.Content> </Menu.Positioner> </Portal> </Menu.Root> </Box> )