{(isCloud ? AssetQuery.tagNames : AssetQuery.localTagNames).flatMap(entry => {
const [key, tag] = entry
@@ -90,15 +91,17 @@ function Tags(props: InternalTagsProps) {
? []
: [
- {
querySource.current = QuerySource.internal
setQuery(query.add({ [key]: [[]] }))
}}
>
{tag + ':'}
-
+
,
]
})}
@@ -280,7 +283,7 @@ export default function AssetSearchBar(props: AssetSearchBarProps) {
data-testid="asset-search-bar"
{...aria.mergeProps
()(innerProps, {
className:
- 'z-1 group relative flex h-row grow max-w-[60em] items-center gap-asset-search-bar rounded-full px-3 text-primary',
+ 'z-1 group relative flex grow max-w-[60em] items-center gap-asset-search-bar rounded-full px-1.5 py-1 text-primary',
ref: rootRef,
onFocus: () => {
setAreSuggestionsVisible(true)
@@ -297,14 +300,17 @@ export default function AssetSearchBar(props: AssetSearchBarProps) {
>
-
+
+
{areSuggestionsVisible && (
-
+
{/* Tags (`name:`, `modified:`, etc.) */}
{[...labels]
.sort((a, b) => string.compareCaseInsensitive(a.value, b.value))
@@ -354,7 +360,7 @@ export default function AssetSearchBar(props: AssetSearchBarProps) {
)}
{/* Suggestions */}
-
+
{suggestions.map((suggestion, index) => (
// This should not be a `
)}
-
+
{
if (querySource.current !== QuerySource.internal) {
querySource.current = QuerySource.typing
diff --git a/app/ide-desktop/lib/dashboard/src/layouts/Labels.tsx b/app/ide-desktop/lib/dashboard/src/layouts/Labels.tsx
index 44a61af2a2..bc9eb981af 100644
--- a/app/ide-desktop/lib/dashboard/src/layouts/Labels.tsx
+++ b/app/ide-desktop/lib/dashboard/src/layouts/Labels.tsx
@@ -9,7 +9,6 @@ import * as backendHooks from '#/hooks/backendHooks'
import * as modalProvider from '#/providers/ModalProvider'
import * as textProvider from '#/providers/TextProvider'
-import * as aria from '#/components/aria'
import * as ariaComponents from '#/components/AriaComponents'
import Label from '#/components/dashboard/Label'
import Button from '#/components/styled/Button'
@@ -132,20 +131,18 @@ export default function Labels(props: LabelsProps) {
)
})}
}
onPress={event => {
if (event.target instanceof HTMLElement) {
setModal()
}
}}
>
- {/* This is a non-standard-sized icon. */}
- {/* eslint-disable-next-line no-restricted-syntax */}
-
- {getText('newLabelButtonLabel')}
+ {getText('newLabelButtonLabel')}