All files / components SearchBar.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
3x
3x
 
 
8x
8x
 
 
 
 
 
 
8x
 
 
 
 
 
 
 
 
 
 
8x
 
import { useRouter } from 'next/router'
import { useState } from 'react'
 
function SearchBar({ className }) {
  const router = useRouter()
  const [search, setSearch] = useState('')
 
  function handleSubmit(e) {
    e.preventDefault()
    router.push(`/search/${search}`)
  }
 
  return (
    <form onSubmit={handleSubmit}>
      <input
        className={className || 'border-2 border-periwinkle rounded px-2'}
        placeholder="search site..."
        onChange={(e) => setSearch(e.target.value)}
      ></input>
    </form>
  )
}
 
export default SearchBar