gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-04-22 20:11:50 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

show musicbrainz link when not logged in

Browse source
This commit is contained in:
Gabe Farrell 2026-01-12 16:57:57 -05:00
parent 4ac357816e
commit b46fb1873f
1 changed files with 88 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

174
client/app/routes/MediaItems/MediaLayout.tsx
View file

@ -99,97 +99,99 @@ export default function MediaLayout(props: Props) {
<h1>{props.title}</h1> <h1>{props.title}</h1>
{props.subContent} {props.subContent}
</div> </div>
{user && ( <div className="absolute left-1 sm:right-1 sm:left-auto -top-9 sm:top-1 flex gap-3 items-center">
<div className="absolute left-1 sm:right-1 sm:left-auto -top-9 sm:top-1 flex gap-3 items-center"> {props.musicbrainzId && (
{props.musicbrainzId && ( <Link
<Link title="View on MusicBrainz"
title="View on MusicBrainz" target="_blank"
target="_blank" to={`https://musicbrainz.org/${props.type.toLowerCase()}/${
to={`https://musicbrainz.org/${props.type.toLowerCase()}/${ props.musicbrainzId
props.musicbrainzId }`}
}`}
>
<MbzIcon size={iconSize} hover />
</Link>
)}
{props.type === "Track" && (
<>
<button
title="Add Listen"
className="hover:cursor-pointer"
onClick={() => setAddListenModalOpen(true)}
>
<Plus size={iconSize} />
</button>
<AddListenModal
open={addListenModalOpen}
setOpen={setAddListenModalOpen}
trackid={props.id}
/>
</>
)}
<button
title="Edit Item"
className="hover:cursor-pointer"
onClick={() => setRenameModalOpen(true)}
> >
<Edit size={iconSize} /> <MbzIcon size={iconSize} hover />
</button> </Link>
)}
{props.type !== "Track" && ( {user && (
<>
{props.type === "Track" && (
<>
<button
title="Add Listen"
className="hover:cursor-pointer"
onClick={() => setAddListenModalOpen(true)}
>
<Plus size={iconSize} />
</button>
<AddListenModal
open={addListenModalOpen}
setOpen={setAddListenModalOpen}
trackid={props.id}
/>
</>
)}
<button <button
title="Replace Image" title="Edit Item"
className="hover:cursor-pointer" className="hover:cursor-pointer"
onClick={() => setImageModalOpen(true)} onClick={() => setRenameModalOpen(true)}
> >
<ImageIcon size={iconSize} /> <Edit size={iconSize} />
</button> </button>
)}
<button {props.type !== "Track" && (
title="Merge Items" <button
className="hover:cursor-pointer" title="Replace Image"
onClick={() => setMergeModalOpen(true)} className="hover:cursor-pointer"
> onClick={() => setImageModalOpen(true)}
<Merge size={iconSize} /> >
</button> <ImageIcon size={iconSize} />
<button </button>
title="Delete Item" )}
className="hover:cursor-pointer" <button
onClick={() => setDeleteModalOpen(true)} title="Merge Items"
> className="hover:cursor-pointer"
<Trash size={iconSize} /> onClick={() => setMergeModalOpen(true)}
</button> >
<EditModal <Merge size={iconSize} />
open={renameModalOpen} </button>
setOpen={setRenameModalOpen} <button
type={props.type.toLowerCase()} title="Delete Item"
id={props.id} className="hover:cursor-pointer"
/> onClick={() => setDeleteModalOpen(true)}
<ImageReplaceModal >
open={imageModalOpen} <Trash size={iconSize} />
setOpen={setImageModalOpen} </button>
id={props.imgItemId} <EditModal
musicbrainzId={props.musicbrainzId} open={renameModalOpen}
type={props.type === "Track" ? "Album" : props.type} setOpen={setRenameModalOpen}
/> type={props.type.toLowerCase()}
<MergeModal id={props.id}
currentTitle={props.title} />
mergeFunc={props.mergeFunc} <ImageReplaceModal
mergeCleanerFunc={props.mergeCleanerFunc} open={imageModalOpen}
type={props.type} setOpen={setImageModalOpen}
currentId={props.id} id={props.imgItemId}
open={mergeModalOpen} musicbrainzId={props.musicbrainzId}
setOpen={setMergeModalOpen} type={props.type === "Track" ? "Album" : props.type}
/> />
<DeleteModal <MergeModal
open={deleteModalOpen} currentTitle={props.title}
setOpen={setDeleteModalOpen} mergeFunc={props.mergeFunc}
title={props.title} mergeCleanerFunc={props.mergeCleanerFunc}
id={props.id} type={props.type}
type={props.type} currentId={props.id}
/> open={mergeModalOpen}
</div> setOpen={setMergeModalOpen}
)} />
<DeleteModal
open={deleteModalOpen}
setOpen={setDeleteModalOpen}
title={props.title}
id={props.id}
type={props.type}
/>
</>
)}
</div>
</div> </div>
{props.children} {props.children}
</div> </div>