From 69a4b5594d01fd8f709e2f0859aef706c03db930 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Wed, 18 May 2022 12:51:36 -0500
Subject: [PATCH] Show icons for context in search

---
 components/search-stork.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/components/search-stork.vue b/components/search-stork.vue
index db06844..dd78c0d 100644
--- a/components/search-stork.vue
+++ b/components/search-stork.vue
@@ -92,15 +92,14 @@
                         style="transition-property: border;"
                     >
 
-                        <client-only>
-                            <div class="absolute hidden left-0 h-12 w-12 rounded-full md:flex items-center justify-center bg-darker">
-                                {{ result.listing.name.charAt(0) }}
-                            </div>
-                        </client-only>
+
+                        <div class="absolute hidden left-0 h-12 w-12 rounded-full md:flex items-center justify-center bg-darker">
+                            {{ getIconForListing( result.listing ) }}
+                        </div>
 
                         <div
                             v-if="getAppCategory(result.listing).icon"
-                            v-html="`${getAppCategory(result.listing).icon} ${ makeHighlightedResultTitle( result ) }`"
+                            v-html="`${ makeHighlightedResultTitle( result ) }`"
                         />
                         <div
                             v-else
@@ -219,7 +218,10 @@ import {
     statusFilterSeparator,
 } from '~/helpers/statuses.js'
 import { getAppCategory } from '~/helpers/categories.js'
-import { getAppEndpoint } from '~/helpers/app-derived.js'
+import {
+    getAppEndpoint,
+    getIconForListing
+} from '~/helpers/app-derived.js'
 import {
     StorkClient,
     makeHighlightedMarkup,
@@ -356,6 +358,8 @@ export default {
 
         getAppCategory,
         getAppEndpoint,
+        getIconForListing,
+
         getSearchLinks (app) {
             return app?.searchLinks || []
         },