fix(KP-347): input component is now updated, beta text is added to he…

…ader of landing and result page and one error message is updated
KTH · Sep 6, 2024 · ff2a2f6 · ff2a2f6
1 parent c16740b
commit ff2a2f6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/i18n/messages.en.js b/i18n/messages.en.js
@@ -343,12 +343,12 @@ const messages = {
     },
     errorOverflow: {
       header: 'There were too many results',
-      text: 'There are too many courses that match your search critera. Please specify more characters/digits in the course name or course code (example of course code: SF1624).',
+      text: 'There are too many courses that match your search critera. Please specify more characters/digits in the course name or course code (example of course code: SF1624)',
       help: 'For help, see the link below: Instructions for searching',
     },
     errorOverflowBeta: {
-      header: 'Sökningen gav för många träffar',
-      text: 'Det finns för många kurser som matchar det du sökt på. Ange fler bokstäver/siffror i kursnamn eller kurskod (exempel på kurskod: SF1624).',
+      header: 'There were too many results',
+      text: 'There are too many courses that match your search critera. Please specify more characters/digits in the course name or course code (example of course code: SF1624)',
       // we don't have this link anymore so we should decide what we are going to show as a help text
     },
     noQueryProvided: {

diff --git a/public/js/app/components/SearchInput/index.tsx b/public/js/app/components/SearchInput/index.tsx
@@ -22,7 +22,9 @@ const SearchInput: React.FC<SearchInputProps> = ({ caption, onSubmit, disabled }
   }, [courseSearchParams])
 
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setInputText(e.target.value)
+    const { value } = e.target
+    const cleanTextPattern = value ? value.replace(/['"<>$]+/g, '') : ''
+    setInputText(cleanTextPattern)
   }
 
   const handleSubmit = (e: FormEvent<HTMLFormElement>) => {

diff --git a/public/js/app/pages/NewSearchLandingPage.tsx b/public/js/app/pages/NewSearchLandingPage.tsx
@@ -119,7 +119,7 @@ const NewSearchLandingPage: React.FC<SearchPageProps> = ({ searchMode = SEARCH_M
 
   return (
     <div className="search-landing-page">
-      <PageHeading>{searchHeading}</PageHeading>
+      <PageHeading>{`${searchHeading} (beta)`}</PageHeading>
       <Lead text={leadIntro} />
       <SearchInput caption={searchButton} onSubmit={handleSubmit} />
       <SearchFilters

diff --git a/public/js/app/pages/NewSearchPage.tsx b/public/js/app/pages/NewSearchPage.tsx
@@ -82,7 +82,7 @@ const NewSearchPage: React.FC<SearchPageProps> = ({ searchMode = SEARCH_MODES.de
         />
       </SidebarFilters>
       <MainContent>
-        <PageHeading>{resultsHeading}</PageHeading>
+        <PageHeading>{`${resultsHeading} (beta)`}</PageHeading>
         <SearchInput caption={searchButton} onSubmit={handlePatternChange} disabled={searchStatus === STATUS.pending} />
         <NewSearchResultDisplay resultsState={state as KoppsCourseSearchResultState} />
       </MainContent>