introduced uiText.ts

frontend/src/components/search/SearchModal.tsx

@@ -3,6 +3,7 @@ import '../ui/Modal.scss'
 import { type PagedSearchResponse, type ServiceItem, type SearchRequest, type SyncRequest } from '../../types/search'
 import { syncVectorData, search } from '../../api/searches'
 import type { ServiceType } from '../../types/connection'
+import { uiText } from '../../text/uiText'
 
 interface Props {
   serviceType: ServiceType
@@ -48,7 +49,7 @@ export function SearchModal({ serviceType, label, appUrl, username, onClose }: R
       const res = await search(req)
       setResults(res)
     } catch (err) {
-      setSearchError(err instanceof Error ? err.message : 'Search failed')
+      setSearchError(err instanceof Error ? err.message : uiText.search.searchFailed)
     } finally {
       setLoading(false)
     }
@@ -61,7 +62,7 @@ export function SearchModal({ serviceType, label, appUrl, username, onClose }: R
       const req: SyncRequest = { appUrl, serviceType, username}
       await syncVectorData(req)
     } catch (err) {
-      setSyncError(err instanceof Error ? err.message: 'Refreshing data failed')
+      setSyncError(err instanceof Error ? err.message: uiText.search.syncFailed)
     } finally {
       setLoading(false)
     }
@@ -70,8 +71,8 @@ export function SearchModal({ serviceType, label, appUrl, username, onClose }: R
   return (
     <dialog className='modal' ref={dialogRef}>
       <div className='modal__header'>
-        <h2 className='modal__title' id='modal-title'>Search in {label}</h2>
-        <button className='modal__close' onClick={onClose} aria-label='Close'>×</button>
+        <h2 className='modal__title' id='modal-title'>{uiText.search.title(label)}</h2>
+        <button className='modal__close' onClick={onClose} aria-label={uiText.modal.closeAriaLabel}>{uiText.modal.closeSymbol}</button>
       </div>
       <form className='modal__form' onSubmit={handleSubmit}>
         <div className='modal__field'>
@@ -81,8 +82,8 @@ export function SearchModal({ serviceType, label, appUrl, username, onClose }: R
         {searchError && <p className='modal__error'>{searchError}</p>}
         {syncError && <p className='modal__error'>{syncError}</p>}
         <div className='modal__actions'>
-          <button className='modal__other' title={`Syncs your ${serviceType} database for vectorization`} type='button' disabled={loading} onClick={handleSync}>Refresh Data</button>
-          <button className='modal__submit' type='submit' disabled={loading}>Search</button>
+          <button className='modal__other' title={uiText.search.syncTooltip(label)} type='button' disabled={loading} onClick={handleSync}>{uiText.search.refreshDataButton}</button>
+          <button className='modal__submit' type='submit' disabled={loading}>{uiText.search.searchButton}</button>
         </div>
       </form>
       {results && (