(fix): dumb issue
This commit is contained in:
parent
6ed9ee1109
commit
b100967fda
1 changed files with 6 additions and 1 deletions
|
|
@ -5,11 +5,13 @@ import { useEffect, useState } from "react";
|
||||||
|
|
||||||
export default function MediaSaveButton({
|
export default function MediaSaveButton({
|
||||||
ariaLabel,
|
ariaLabel,
|
||||||
|
className,
|
||||||
defaultSaved = false,
|
defaultSaved = false,
|
||||||
onSavedMediaChange,
|
onSavedMediaChange,
|
||||||
url,
|
url,
|
||||||
}: {
|
}: {
|
||||||
ariaLabel?: string;
|
ariaLabel?: string;
|
||||||
|
className?: string;
|
||||||
defaultSaved?: boolean;
|
defaultSaved?: boolean;
|
||||||
onSavedMediaChange?: (savedMedia: string[]) => void;
|
onSavedMediaChange?: (savedMedia: string[]) => void;
|
||||||
url: string;
|
url: string;
|
||||||
|
|
@ -39,7 +41,10 @@ export default function MediaSaveButton({
|
||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
aria-label={ariaLabel ?? (isSaved ? "Unsave media" : "Save media")}
|
aria-label={ariaLabel ?? (isSaved ? "Unsave media" : "Save media")}
|
||||||
className="h-full w-full rounded-sm border-0! p-0 absolute right-1 top-1 z-10 h-9 w-9 -translate-y-2 opacity-0 transition-all group-hover:translate-y-0 group-hover:opacity-100 bg-card"
|
className={cn(
|
||||||
|
"rounded-sm border-0! p-0 absolute right-1 top-1 z-10 h-9 w-9 -translate-y-2 opacity-0 transition-all group-hover:translate-y-0 group-hover:opacity-100 bg-card",
|
||||||
|
className,
|
||||||
|
)}
|
||||||
onClick={handleClick}
|
onClick={handleClick}
|
||||||
>
|
>
|
||||||
<Save
|
<Save
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue