minor improvement

This commit is contained in:
daniel31x13 2023-12-27 15:00:48 -05:00
parent a78d9774a7
commit 76a0151e43
2 changed files with 18 additions and 16 deletions

View File

@ -15,8 +15,8 @@ type Props = {
link: LinkIncludingShortenedCollectionAndTags; link: LinkIncludingShortenedCollectionAndTags;
collection: CollectionIncludingMembersAndLinkCount; collection: CollectionIncludingMembersAndLinkCount;
position?: string; position?: string;
toggleShowInfo: () => void; toggleShowInfo?: () => void;
linkInfo: boolean; linkInfo?: boolean;
}; };
export default function LinkActions({ export default function LinkActions({
@ -92,18 +92,20 @@ export default function LinkActions({
</div> </div>
</li> </li>
) : undefined} ) : undefined}
<li> {linkInfo !== undefined && toggleShowInfo ? (
<div <li>
role="button" <div
tabIndex={0} role="button"
onClick={() => { tabIndex={0}
(document?.activeElement as HTMLElement)?.blur(); onClick={() => {
toggleShowInfo(); (document?.activeElement as HTMLElement)?.blur();
}} toggleShowInfo();
> }}
{!linkInfo ? "Show" : "Hide"} Link Details >
</div> {!linkInfo ? "Show" : "Hide"} Link Details
</li> </div>
</li>
) : undefined}
{permissions === true || permissions?.canUpdate ? ( {permissions === true || permissions?.canUpdate ? (
<li> <li>
<div <div

View File

@ -97,8 +97,8 @@ export default function LinkCardCompact({ link, count, className }: Props) {
link={link} link={link}
collection={collection} collection={collection}
position="top-3 right-3" position="top-3 right-3"
toggleShowInfo={() => setShowInfo(!showInfo)} // toggleShowInfo={() => setShowInfo(!showInfo)}
linkInfo={showInfo} // linkInfo={showInfo}
/> />
{showInfo ? ( {showInfo ? (
<div> <div>