fix: change to keydown and change type to search (#1714)

* change type and move to keypress

* add fix test

* fix prettier

Author: rubenkristian

src/components/SocialMediaList/SocialMediaList.container.test.tsx

@@ -17,6 +17,8 @@ describe('Social Media List Container', () => {
         nonce: 123,
         id: 'sample-id-user',
         instanceURL: 'https://api.testnet.myriad.com',
+        username: 'jest',
+        loginType: '',
       },
     };
     (useSession as jest.Mock).mockReturnValue([mockSession, false]);

src/components/atoms/Search/SearchBox.tsx

@@ -68,12 +68,13 @@ const SearchBox: React.FC<SearchBoxProps> = ({
         <SearchIcon />
       </IconButton>
       <InputBase
-        onKeyUp={submitSearch}
+        onKeyDown={submitSearch}
         className={classes.input}
         value={input}
         onChange={handleChange}
         placeholder={textPlaceholder}
         inputProps={{'aria-label': ariaLabel}}
+        type="search"
         {...props}
       />
     </Grid>