From b2c1a82bc23116ae491cd7cde47534c019933352 Mon Sep 17 00:00:00 2001
From: S Rei <rei@blim.de>
Date: Wed, 15 Feb 2023 12:00:13 +0100
Subject: [PATCH] idea for customCSS loading

---
 src/components/widgets/customcss/customcss.jsx | 7 +++++++
 src/components/widgets/widget.jsx              | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 src/components/widgets/customcss/customcss.jsx

diff --git a/src/components/widgets/customcss/customcss.jsx b/src/components/widgets/customcss/customcss.jsx
new file mode 100644
index 00000000..5f822c9e
--- /dev/null
+++ b/src/components/widgets/customcss/customcss.jsx
@@ -0,0 +1,7 @@
+export default function Customcss({ options }) {
+  if (options.src) {
+    return (
+      <link href={options.src} type="text/css" rel="stylesheet"></link>
+    );
+  }
+}
diff --git a/src/components/widgets/widget.jsx b/src/components/widgets/widget.jsx
index 47141887..2fc1ed01 100644
--- a/src/components/widgets/widget.jsx
+++ b/src/components/widgets/widget.jsx
@@ -15,6 +15,7 @@ const widgetMappings = {
   openmeteo: dynamic(() => import("components/widgets/openmeteo/openmeteo")),
   longhorn: dynamic(() => import("components/widgets/longhorn/longhorn")),
   kubernetes: dynamic(() => import("components/widgets/kubernetes/kubernetes")),
+  customcss: dynamic(() => import("components/widgets/customcss/customcss")),
 };
 
 export default function Widget({ widget }) {