066eb0302a
One large commit to avoid dealing with messy patches later on. Turns out I had https://marketplace.visualstudio.com/items?itemName=amatiasq.sort-imports installed with single quotes which messed up all double quotes from prettier.
25 lines
689 B
TypeScript
25 lines
689 B
TypeScript
import React from "react";
|
|
|
|
export default function Form({ value, onChange, placeholder }) {
|
|
const handleInputChange = (event) => {
|
|
event.preventDefault();
|
|
onChange(event.target.value); // In this case, the query, e.g. "COVID.19"
|
|
};
|
|
|
|
return (
|
|
<form onSubmit={(e) => e.preventDefault()} className="w-full">
|
|
<input
|
|
className="w-full text-gray-700 rounded-md border-gray-300 focus:outline-none focus:shadow-outline"
|
|
autoFocus
|
|
type="text"
|
|
value={value}
|
|
onChange={handleInputChange}
|
|
name="query"
|
|
id="query"
|
|
placeholder={placeholder}
|
|
onSubmit={(e) => e.preventDefault()}
|
|
/>
|
|
</form>
|
|
);
|
|
}
|