src/MusicBrainzLink.tsx at 0cad8a636bfe75faaef446aac809c6e5d2dfb3a1 · indexx.dev/slices-teal-relay

forked from chadtmiller.com/slices-teal-relay

Teal.fm frontend powered by slices.network tealfm-slices.wisp.place

tealfm slices

slices-teal-relay / src / MusicBrainzLink.tsx

at 0cad8a636bfe75faaef446aac809c6e5d2dfb3a1 489 B view raw

 1interface MusicBrainzLinkProps {
 2  releaseMbId: string | null | undefined;
 3  children: React.ReactNode;
 4}
 5
 6export default function MusicBrainzLink({
 7  releaseMbId,
 8  children,
 9}: MusicBrainzLinkProps) {
10  if (!releaseMbId) {
11    return <>{children}</>;
12  }
13
14  return (
15    <a
16      href={`https://musicbrainz.org/release/${releaseMbId}`}
17      target="_blank"
18      rel="noopener noreferrer"
19      className="hover:text-violet-400 transition-colors"
20    >
21      {children}
22    </a>
23  );
24}