magnum-opus-tender-hack/frontend
1
0
Fork 0
mirror of https://github.com/magnum-opus-tender-hack/frontend.git synced 2024-11-22 00:06:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #7 from magnum-opus-tender-hack/verstka2

Browse Source 
add spinner
This commit is contained in:
Ilia vasilenko 2022-10-22 23:44:11 +03:00 committed by GitHub
commit 61b4b4282c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
сomponents/search/index.tsx
View File

@ -10,8 +10,10 @@ import styles from "./search.module.css"
export const Search: React.FC<{onData:(data:any)=>void}> = (props) =>{ export const Search: React.FC<{onData:(data:any)=>void}> = (props) =>{
const [data, setData] = useState("") const [data, setData] = useState("")
const [tags, setTags] = useState(new Array<JSX.Element>()) const [tags, setTags] = useState(new Array<JSX.Element>())
const [loading, setLoading] = useState(false)
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const getNodes = useAppSelector(nodes); const getNodes = useAppSelector(nodes);
const getProducts = useAppSelector(products);
const getHints = useAppSelector(hints); const getHints = useAppSelector(hints);
const [autoCompleteValue, setAutoCompleteValue] = useState("") const [autoCompleteValue, setAutoCompleteValue] = useState("")
const onChange = (text:string) =>{ const onChange = (text:string) =>{
@ -67,6 +69,7 @@ export const Search: React.FC<{onData:(data:any)=>void}> = (props) =>{
} }
const onEnter = (value:any) => { const onEnter = (value:any) => {
setLoading(true)
console.log(getNodes); console.log(getNodes);
dispatch( dispatch(
search( search(
@ -127,6 +130,7 @@ export const Search: React.FC<{onData:(data:any)=>void}> = (props) =>{
onSearch={(e) => onEnter(e)} onSearch={(e) => onEnter(e)}
size="large" size="large"
placeholder="Поиск товара" placeholder="Поиск товара"
loading={loading && getProducts.length == 0}
enterButton /> enterButton />
</AutoComplete> </AutoComplete>