refs #23 Submit search form with enter key

h3poteto · Sep 15, 2023 · 27957fc · 27957fc
1 parent 431be63
commit 27957fc
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/components/search/Results.tsx b/src/components/search/Results.tsx
@@ -4,7 +4,7 @@ import { useRouter } from 'next/router'
 import { useCallback, useState } from 'react'
 import { BsSearch, BsPeople, BsHash, BsChatQuote } from 'react-icons/bs'
 import { FormattedMessage, useIntl } from 'react-intl'
-import { Input, InputGroup, List, Avatar } from 'rsuite'
+import { Input, InputGroup, List, Avatar, Form } from 'rsuite'
 import { Server } from 'src/entities/server'
 import Status from 'src/components/timelines/status/Status'
 import emojify from 'src/utils/emojify'
@@ -97,12 +97,14 @@ export default function Results(props: Props) {
  return (
  <>
  <div style={{ margin: '12px 0' }}>
- <InputGroup inside>
- <Input placeholder={formatMessage({ id: 'search.placeholder' })} value={word} onChange={value => setWord(value)} />
- <InputGroup.Button onClick={() => search(word)}>
- <Icon as={BsSearch} />
- </InputGroup.Button>
- </InputGroup>
+ <Form onCheck={() => search(word)}>
+ <InputGroup inside>
+ <Input placeholder={formatMessage({ id: 'search.placeholder' })} value={word} onChange={value => setWord(value)} />
+ <InputGroup.Button onClick={() => search(word)}>
+ <Icon as={BsSearch} />
+ </InputGroup.Button>
+ </InputGroup>
+ </Form>
  </div>
  {/* accounts */}
  {accounts.length > 0 && (