Show icons for context in search

This commit is contained in:
Sam Carlton 2022-05-18 12:51:36 -05:00
parent 251938a782
commit 69a4b5594d

View file

@ -92,15 +92,14 @@
style="transition-property: border;" 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"> <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) }} {{ getIconForListing( result.listing ) }}
</div> </div>
</client-only>
<div <div
v-if="getAppCategory(result.listing).icon" v-if="getAppCategory(result.listing).icon"
v-html="`${getAppCategory(result.listing).icon} ${ makeHighlightedResultTitle( result ) }`" v-html="`${ makeHighlightedResultTitle( result ) }`"
/> />
<div <div
v-else v-else
@ -219,7 +218,10 @@ import {
statusFilterSeparator, statusFilterSeparator,
} from '~/helpers/statuses.js' } from '~/helpers/statuses.js'
import { getAppCategory } from '~/helpers/categories.js' import { getAppCategory } from '~/helpers/categories.js'
import { getAppEndpoint } from '~/helpers/app-derived.js' import {
getAppEndpoint,
getIconForListing
} from '~/helpers/app-derived.js'
import { import {
StorkClient, StorkClient,
makeHighlightedMarkup, makeHighlightedMarkup,
@ -356,6 +358,8 @@ export default {
getAppCategory, getAppCategory,
getAppEndpoint, getAppEndpoint,
getIconForListing,
getSearchLinks (app) { getSearchLinks (app) {
return app?.searchLinks || [] return app?.searchLinks || []
}, },