kopia lustrzana https://github.com/Stopka/fedisearch
Removed onBlur on search inputs to fix unwanted scrolling back to input
rodzic
c5498c1e2a
commit
1cd12fc7d3
|
@ -16,7 +16,7 @@ import getMatomo from '../lib/getMatomo'
|
||||||
import { feedQueryInputSchema, FeedQueryInputType } from '../graphql/common/types/FeedQueryInput'
|
import { feedQueryInputSchema, FeedQueryInputType } from '../graphql/common/types/FeedQueryInput'
|
||||||
import { ListFeedsVariables } from '../graphql/common/queries/listFeeds'
|
import { ListFeedsVariables } from '../graphql/common/queries/listFeeds'
|
||||||
|
|
||||||
const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> = ({ matomoConfig }): ReactElement => {
|
export default function Feeds ({ matomoConfig }: InferGetServerSidePropsType<typeof getServerSideProps>): ReactElement {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const routerQuery = feedQueryInputSchema.parse(router.query)
|
const routerQuery = feedQueryInputSchema.parse(router.query)
|
||||||
const [page, setPage] = useState<number>(0)
|
const [page, setPage] = useState<number>(0)
|
||||||
|
@ -59,6 +59,7 @@ const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
|
||||||
newQuery[name] = value
|
newQuery[name] = value
|
||||||
setQuery(newQuery)
|
setQuery(newQuery)
|
||||||
setPage(0)
|
setPage(0)
|
||||||
|
event.preventDefault()
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleSearchSubmit = async (event): Promise<void> => {
|
const handleSearchSubmit = async (event): Promise<void> => {
|
||||||
|
@ -101,7 +102,6 @@ const Feeds: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
|
||||||
id={'search'}
|
id={'search'}
|
||||||
type={'search'}
|
type={'search'}
|
||||||
onChange={handleQueryChange}
|
onChange={handleQueryChange}
|
||||||
onBlur={handleQueryChange}
|
|
||||||
value={query.search ?? ''}
|
value={query.search ?? ''}
|
||||||
placeholder={'Search people on Fediverse'}
|
placeholder={'Search people on Fediverse'}
|
||||||
className="form-control"
|
className="form-control"
|
||||||
|
@ -150,5 +150,3 @@ export const getServerSideProps: GetServerSideProps = async () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Feeds
|
|
||||||
|
|
|
@ -140,7 +140,6 @@ const Nodes: React.FC<InferGetServerSidePropsType<typeof getServerSideProps>> =
|
||||||
type={'search'}
|
type={'search'}
|
||||||
className={'form-control'}
|
className={'form-control'}
|
||||||
onChange={handleQueryChange}
|
onChange={handleQueryChange}
|
||||||
onBlur={handleQueryChange}
|
|
||||||
value={query.search}
|
value={query.search}
|
||||||
placeholder={'Search servers on fediverse'}
|
placeholder={'Search servers on fediverse'}
|
||||||
autoFocus={true}
|
autoFocus={true}
|
||||||
|
|
Ładowanie…
Reference in New Issue