Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ProjectFinder): auto focus search bar

Browse Source
This commit is contained in:
Jordan Knott 2021-01-05 19:04:47 -06:00
parent edc7b649ec
commit be7e945313
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/App/ProjectFinder.tsx
View File

@ -1,4 +1,4 @@
import React, { useState } from 'react'; import React, { useState, useRef, useEffect } from 'react';
import styled from 'styled-components/macro'; import styled from 'styled-components/macro';
import { useGetProjectsQuery } from 'shared/generated/graphql'; import { useGetProjectsQuery } from 'shared/generated/graphql';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
@ -185,6 +185,7 @@ const ProjectFinder = () => {
return ( return (
<> <>
<Search <Search
autoFocus
variant="alternate" variant="alternate"
value={search} value={search}
onChange={e => setSearch(e.currentTarget.value)} onChange={e => setSearch(e.currentTarget.value)}