From f53c53ccc08a7a6484b9d2b0eb0c33bc11c6ebd9 Mon Sep 17 00:00:00 2001
From: damii <deanam1507@gmail.com>
Date: Thu, 28 Nov 2024 14:37:14 +1100
Subject: [PATCH] Fix linting issues

---
 src/components/widgets/datetime/datetime.jsx |  5 +----
 src/components/widgets/widget/container.jsx  | 12 +++++++++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/widgets/datetime/datetime.jsx b/src/components/widgets/datetime/datetime.jsx
index 0a6ac87d6..a7aec5dab 100644
--- a/src/components/widgets/datetime/datetime.jsx
+++ b/src/components/widgets/datetime/datetime.jsx
@@ -33,10 +33,7 @@ export default function DateTime({ options }) {
   return (
     <Container options={options} additionalClassNames="information-widget-datetime">
       <Raw>
-        <div
-          onClick={() => (options.href ? window.location.assign(options.href) : [])}
-          className="flex flex-row items-center grow justify-end"
-        >
+        <div className="flex flex-row items-center grow justify-end">
           <span className={`text-theme-800 dark:text-theme-200 tabular-nums ${textSizes[textSize || "lg"]}`}>
             {date}
           </span>
diff --git a/src/components/widgets/widget/container.jsx b/src/components/widgets/widget/container.jsx
index c8241d8f4..086d808d1 100644
--- a/src/components/widgets/widget/container.jsx
+++ b/src/components/widgets/widget/container.jsx
@@ -56,13 +56,19 @@ export function getBottomBlock(children) {
 }
 
 export default function Container({ children = [], options, additionalClassNames = "" }) {
-  return (
-    <div
-      onClick={() => (options.href ? window.location.assign(options.href) : [])}
+  return options.href ? (
+    <a
+      href={options.href}
+      target={options.target ?? "_self"}
       className={getAllClasses(options, `${additionalClassNames} widget-container`)}
     >
       {getInnerBlock(children)}
       {getBottomBlock(children)}
+    </a>
+  ) : (
+    <div className={getAllClasses(options, `${additionalClassNames} widget-container`)}>
+      {getInnerBlock(children)}
+      {getBottomBlock(children)}
     </div>
   );
 }