From 3e0a9bf95fbd7cee03ed416b68912ecab0e7dde7 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Fri, 20 Jan 2023 15:48:36 +0100
Subject: [PATCH] feat(plugin): add source icon in custom inspector

---
 .../inspector/custom/CustomInspector.vue      | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/app-frontend/src/features/inspector/custom/CustomInspector.vue b/packages/app-frontend/src/features/inspector/custom/CustomInspector.vue
index e675f2dc9..5b593d8b9 100644
--- a/packages/app-frontend/src/features/inspector/custom/CustomInspector.vue
+++ b/packages/app-frontend/src/features/inspector/custom/CustomInspector.vue
@@ -3,6 +3,7 @@ import SplitPane from '@front/features/layout/SplitPane.vue'
 import EmptyPane from '@front/features/layout/EmptyPane.vue'
 import CustomInspectorNode from './CustomInspectorNode.vue'
 import CustomInspectorSelectedNodePane from './CustomInspectorSelectedNodePane.vue'
+import PluginSourceIcon from '../../plugin/PluginSourceIcon.vue'
 
 import { watch, ref, provide, defineComponent } from 'vue'
 import { BridgeEvents } from '@vue-devtools/shared-utils'
@@ -15,6 +16,7 @@ export default defineComponent({
     EmptyPane,
     CustomInspectorNode,
     CustomInspectorSelectedNodePane,
+    PluginSourceIcon,
   },
 
   setup () {
@@ -86,12 +88,18 @@ export default defineComponent({
     >
       <template #left>
         <div class="flex flex-col h-full">
-          <VueInput
-            v-model="inspector.treeFilter"
-            icon-left="search"
-            :placeholder="inspector.treeFilterPlaceholder || 'Search...'"
-            class="search flat border-b border-gray-200 dark:border-gray-800 min-w-0"
-          />
+          <div class="border-b border-gray-200 dark:border-gray-800 flex items-center pr-2">
+            <VueInput
+              v-model="inspector.treeFilter"
+              icon-left="search"
+              :placeholder="inspector.treeFilterPlaceholder || 'Search...'"
+              class="search flat min-w-0 flex-1"
+            />
+
+            <PluginSourceIcon
+              :plugin-id="inspector.pluginId"
+            />
+          </div>
 
           <div
             ref="treeScroller"