8x48/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2026-01-11 19:42:09 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Enhancement: add links to sonarr and radarr calendar widget items (#5448)

Browse Source
This commit is contained in:
Mark McKinney
2025-06-25 22:30:00 -07:00
committed by GitHub
parent 0fe76b5af8
commit 0a44a2dade
5 changed files with 30 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/widgets/calendar/event.jsx
View File

@@ -8,13 +8,8 @@ export default function Event({ event, colorVariants, showDate = false, showTime
const [hover, setHover] = useState(false);
const { i18n } = useTranslation();
return (
<div
className="flex flex-row text-theme-700 dark:text-theme-200 items-center text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1"
onMouseEnter={() => setHover(!hover)}
onMouseLeave={() => setHover(!hover)}
key={`event-${event.title}-${event.date}-${event.additional}`}
>
const children = (
<>
{showDateColumn && (
<span className="ml-2 w-12">
<span>
@@ -36,6 +31,26 @@ export default function Event({ event, colorVariants, showDate = false, showTime
<IoMdCheckmarkCircleOutline />
</span>
)}
</>
);
const className =
"flex flex-row text-theme-700 dark:text-theme-200 items-center text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1";
const key = `event-${event.title}-${event.date}-${event.additional}`;
return event.url ? (
<a
className={classNames(className, "hover:bg-theme-300/50 dark:hover:bg-theme-800/20")}
onMouseEnter={() => setHover(!hover)}
onMouseLeave={() => setHover(!hover)}
key={key}
href={event.url}
target="_blank"
rel="noopener noreferrer"
>
{children}
</a>
) : (
<div className={className} onMouseEnter={() => setHover(!hover)} onMouseLeave={() => setHover(!hover)} key={key}>
{children}
</div>
);
}