fix: show actions without custom component in threeDotsMenu

https://web.tracklify.com/project/2b7ZVgE5/AdminForth/1379/AcYVOaur/actions-doesn't-work-without-c

Author: yaroslav8765

adminforth/spa/src/components/ThreeDotsMenu.vue

@@ -46,12 +46,11 @@
           <li v-for="action in customActions" :key="action.id">
             <div class="wrapper"> 
               <component
-                v-if="action.customComponent"
                 :is="(action.customComponent && getCustomComponent(formatComponent(action.customComponent))) || CallActionWrapper"
                 :meta="formatComponent(action.customComponent).meta"
                 @callAction="(payload? : Object) => handleActionClick(action, payload)"
               >
-                <a @click.prevent class="block px-4 py-2 hover:text-lightThreeDotsMenuBodyTextHover hover:bg-lightThreeDotsMenuBodyBackgroundHover dark:hover:bg-darkThreeDotsMenuBodyBackgroundHover dark:hover:text-darkThreeDotsMenuBodyTextHover">
+                <a @click.prevent class="block">
                   <div class="flex items-center gap-2">
                     <component 
                       v-if="action.icon" 
@@ -197,7 +196,10 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
   .wrapper > * {
-    @apply px-4 py-2;
+    @apply px-4 py-2 
+    hover:text-lightThreeDotsMenuBodyTextHover hover:bg-lightThreeDotsMenuBodyBackgroundHover 
+    dark:hover:bg-darkThreeDotsMenuBodyBackgroundHover dark:hover:text-darkThreeDotsMenuBodyTextHover
+    cursor-pointer;
   }
 </style>
 

adminforth/spa/src/utils/utils.ts

@@ -101,11 +101,13 @@ export async function callAdminForthApi(
   }
 }
 
-export function formatComponent(component: AdminForthComponentDeclaration): AdminForthComponentDeclarationFull {
+export function formatComponent(component: AdminForthComponentDeclaration | undefined): AdminForthComponentDeclarationFull {
   if (typeof component === 'string') {
     return { file: component, meta: {} };
-  } else {
+  } else if (typeof component === 'object') {
     return { file: component.file, meta: component.meta };
+  } else {
+    return { file: '', meta: {} };
   }
 }