chore(UI): update autocomplete no options text (coder#6735)

Kira-Pilot · web-flow · commit 1ccbd54ea25e · 2023-03-22T11:14:07.000-07:00
diff --git a/site/src/components/UserAutocomplete/UserAutocomplete.tsx b/site/src/components/UserAutocomplete/UserAutocomplete.tsx
@@ -9,6 +9,7 @@ import { AvatarData } from "components/AvatarData/AvatarData"
 import debounce from "just-debounce-it"
 import { ChangeEvent, FC, useEffect, useState } from "react"
 import { searchUserMachine } from "xServices/users/searchUserXService"
+import { useTranslation } from "react-i18next"
 
 export type UserAutocompleteProps = {
   value: User | null
@@ -24,6 +25,8 @@ export const UserAutocomplete: FC<UserAutocompleteProps> = ({
   className,
 }) => {
   const styles = useStyles()
+  const { t } = useTranslation("common")
+
   const [isAutocompleteOpen, setIsAutocompleteOpen] = useState(false)
   const [searchState, sendSearch] = useMachine(searchUserMachine)
   const { searchResults } = searchState.context
@@ -46,6 +49,7 @@ export const UserAutocomplete: FC<UserAutocompleteProps> = ({
 
   return (
     <Autocomplete
+      noOptionsText={t("forms.typeToSearch")}
       className={className}
       options={searchResults}
       loading={searchState.matches("searching")}
diff --git a/site/src/i18n/en/common.json b/site/src/i18n/en/common.json
@@ -41,5 +41,8 @@
     "error": "Coder update check failed."
   },
   "licenseFieldTextHelper": "You need an enterprise license to use it.",
-  "learnMore": "Learn more"
+  "learnMore": "Learn more",
+  "forms": {
+    "typeToSearch": "Start typing to search..."
+  }
 }
