✨Feat: Enable clicking the background

0xwonj · Sep 10, 2023 · 4e579ff · 4e579ff
1 parent d6a6f3b
commit 4e579ff
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/announcements/Announcement.tsx b/src/components/announcements/Announcement.tsx
@@ -11,8 +11,18 @@ export const Announcement: FunctionComponent<AnnouncementProps> = ({
   date,
   link,
 }) => {
+  const handleOnClick = () => {
+    if (link) {
+      window.location.href = link;
+    }
+  };
+
   return (
-    <div className={clsx(styles.announcementRow)}>
+    <div
+      className={clsx(styles.announcementRow)}
+      onClick={handleOnClick}
+      style={{ cursor: link ? "pointer" : "default" }}
+    >
       <span className={clsx(styles.announcementText)}>
         {link ? <a href={link}>{text}</a> : text}
       </span>