chore: add empty result placeholder

2023-07-10 15:29:52 +05:30
parent 53e4863a80
commit a60303ef7c
1 changed files with 8 additions and 0 deletions
--- a/packages/hoppscotch-common/src/components/app/spotlight/index.vue
+++ b/packages/hoppscotch-common/src/components/app/spotlight/index.vue
@@ -68,6 +68,14 @@
          />
        </div>
      </div>
+      <HoppSmartPlaceholder
+        v-if="scoredResults.length === 0 && search.length > 0"
+        :text="`${t('state.nothing_found')} ‟${search}”`"
+      >
+        <template #icon>
+          <icon-lucide-search class="pb-2 opacity-75 svg-icons" />
+        </template>
+      </HoppSmartPlaceholder>
    </template>
  </HoppSmartModal>
 </template>