- {plugin.preview_path ? (
-
- {plugin.name.charAt(0).toUpperCase()}
-
handleSelectItem({ kind: 'plugin', plugin })}
+ role="option"
+ aria-selected={isSelected}
+ >
+
+ {plugin.preview_path ? (
+

+ ) : (
+
+ {plugin.name.charAt(0).toUpperCase()}
+
+ )}
+
+
+
+
+
+ {plugin.name}
+
+ {plugin.is_preorder && (
+
+ {t('plugin.pre_order')}
+
)}
-
-
-
-
-
-
- {plugin.is_preorder && (
-
- {t('plugin.pre_order')}
-
- )}
-
-
-
- by
-
- {plugin.category && (
- <>
- ·
- {plugin.category}
- >
- )}
-
+
+
+ by {plugin.dev_name}
+
+ {plugin.category && (
+ <>
+ ·
+ {plugin.category}
+ >
+ )}
+
-
- {isFree ? (
-
- {t('plugin.free')}
+
+ {isFree ? (
+
+ {t('plugin.free')}
+
+ ) : isSale ? (
+
+
+ -{plugin.sale_discount_percent}%
- ) : isSale ? (
-
-
- -{plugin.sale_discount_percent}%
-
-
- €{discountedPrice}
-
-
- ) : (
- €{price.toFixed(2)}
+ €{discountedPrice}
- )}
-
-
- );
- })}
-
- )}
-
- {/* Author matches */}
- {suggestions.authors.length > 0 && (
-
-
-
-
- {t('search.authors_title')}
-
-
- {suggestions.authors.map((author) => {
- const itemIndex = flattenedItems.findIndex(
- (it) => it.kind === 'author' && it.author.id === author.id
- );
- const isSelected = selectedIndex === itemIndex;
- const accentColor = getAuthorAccentColor(author.username);
-
- return (
-
handleSelectItem({ kind: 'author', author })}
- role="option"
- aria-selected={isSelected}
- >
-
- {author.username.charAt(0).toUpperCase()}
-
-
-
-
+
+ ) : (
+
+ €{price.toFixed(2)}
-
-
- {author.plugin_count === 1
- ? t('search.plugin_count')
- : t('search.plugins_count', { count: author.plugin_count })}
-
+ )}
- );
- })}
-
- )}
-
- {/* Tags matches */}
- {suggestions.tags.length > 0 && (
-
-
-
-
- {t('search.tags_title')}
-
-
-
- {suggestions.tags.map((tag) => {
- const itemIndex = flattenedItems.findIndex(
- (it) => it.kind === 'tag' && it.tag === tag
- );
- const isSelected = selectedIndex === itemIndex;
- return (
-
- );
- })}
-
-
- )}
+