80532 change text

packages/app/resource/locales/en_US/translation.json

@@ -567,7 +567,7 @@
     "popover_desc": "Input channel name. You can notify multiple channels by entering a comma-separated list."
   },
   "search_result": {
-    "result_meta": "<span class=\"font-weight-light\">Search results for</span> <span class=\"h5\">\"{{keyword}}\"</span>",
+    "result_meta": "Search results for:",
     "deletion_mode_btn_lavel": "Select and delete page",
     "cancel": "Cancel",
     "delete": "Delete",

packages/app/resource/locales/ja_JP/translation.json

@@ -567,7 +567,7 @@
     "popover_desc": "チャンネル名を入れてください。カンマ区切りのリストを入力することで複数のチャンネルに通知することができます。"
   },
   "search_result": {
-    "result_meta": "<span class=\"h5\">\"{{keyword}}\"</span> <span class=\"font-weight-light\">の検索結果</span>",
+    "result_meta": "検索結果：",
     "deletion_mode_btn_lavel": "ページを指定して削除",
     "cancel": "キャンセル",
     "delete": "削除",

packages/app/resource/locales/zh_CN/translation.json

@@ -839,7 +839,7 @@
 		"use_os_settings": "使用操作系统设置"
 	},
 	"search_result": {
-		"result_meta": "<span class=\"font-weight-light\">搜索结果为</span> <span class=\"h5\">\"{{keyword}}\"</span>",
+		"result_meta": "搜索结果：",
 		"deletion_mode_btn_lavel": "选择并删除页面",
 		"cancel": "取消",
 		"delete": "删除",

packages/app/src/components/SearchPage/SearchPageLayout.tsx

@@ -28,13 +28,8 @@ const SearchPageLayout: FC<Props> = (props: Props) => {
           <nav><SearchControl></SearchControl></nav>
           <div className="d-flex align-items-start justify-content-between mt-1">
             <div className="search-result-meta">
-              <span
-                // eslint-disable-next-line react/no-danger
-                dangerouslySetInnerHTML={{
-                  __html: t('search_result.result_meta',
-                    { keyword: searchingKeyword }),
-                }}
-              />
+              <span className="font-weight-light">{t('search_result.result_meta')} </span>
+              <span className="h5">{`"${searchingKeyword}"`}</span>
               {/* Todo: replace "1-10" to the appropriate value */}
               <span className="ml-3">1-10 / {searchResultMeta.total || 0}</span>
             </div>