From 51002b4033a1cfa6cf48ba4a247bc1c792c4e4d1 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Fri, 24 Jun 2022 21:45:15 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20support=20for=20user-mounted?=
 =?UTF-8?q?=20widgets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Widgets/WidgetBase.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Widgets/WidgetBase.vue b/src/components/Widgets/WidgetBase.vue
index 0e590d12..3d289d11 100644
--- a/src/components/Widgets/WidgetBase.vue
+++ b/src/components/Widgets/WidgetBase.vue
@@ -32,7 +32,6 @@
 </template>
 
 <script>
-// Import form elements, icons and utils
 import ErrorHandler from '@/utils/ErrorHandler';
 import Button from '@/components/FormElements/Button';
 import UpdateIcon from '@/assets/interface-icons/widget-update.svg';
@@ -110,7 +109,6 @@ const COMPAT = {
 export default {
   name: 'Widget',
   components: {
-    // Register form elements
     Button,
     UpdateIcon,
     OpenIcon,
@@ -156,6 +154,7 @@ export default {
       return this.widget.hideControls;
     },
     component() {
+      this.appendUserCustomComponents();
       const type = COMPAT[this.widgetType] || this.widget.type;
       if (!type) {
         ErrorHandler('Widget type was not found');
@@ -184,6 +183,15 @@ export default {
     setLoaderState(loading) {
       this.loading = loading;
     },
+    /* If user has specified custom widgets, append them to list */
+    appendUserCustomComponents() {
+      const customWidgets = this.appConfig?.customWidgets;
+      if (customWidgets && Array.isArray(customWidgets)) {
+        customWidgets.forEach((widget) => {
+          COMPAT[widget.identifier] = widget.component;
+        });
+      }
+    },
   },
 };
 </script>