{line_1}
\r\n{line_2}
\r\n{line_3}
\r\n{line_5}
\r\n{line_6}
\r\nNo items match your search
\r\nNo items to display
\r\n{item.company_name}
\r\n \r\n );\r\n};\r\n\r\nexport default LocationBarButton;\r\n","import styled from \"@emotion/styled\";\r\nimport { Card } from \"@lightspeed/flame/Card\";\r\nimport { Button } from \"@lightspeed/flame/Button\";\r\nimport Input from \"../ui/Input\";\r\nimport { useState } from \"react\";\r\n\r\nimport spinner from \"../../assets/spinner.gif\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport {\r\n setAlert,\r\n setLocationQuery,\r\n uiSelector,\r\n} from \"../../redux/slices/uiSlice\";\r\nimport { syncCompany } from \"../../redux/slices/companiesSlice\";\r\n\r\nconst SearchStyle = styled.div``;\r\nconst InputWrapper = styled.div`\r\n width: 300px;\r\n padding: 8px;\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n`;\r\n\r\nconst Img = styled.img`\r\n height: 24px;\r\n width: auto;\r\n`;\r\n\r\nconst SearchBar = () => {\r\n const [value, valueSet] = useState(\"\");\r\n const [loading, loadingSet] = useState(false);\r\n const dispatch = useDispatch();\r\n const { locationQuery } = useSelector(uiSelector);\r\n\r\n const handleClick = () => {\r\n loadingSet(true);\r\n\r\n dispatch(syncCompany()).then((res) => handleRes(res));\r\n\r\n const handleRes = (res) => {\r\n const result = res.payload[0];\r\n if (result.errorCode === \"1000\") {\r\n loadingSet(false);\r\n dispatch(\r\n setAlert({\r\n type: \"danger\",\r\n title: \"Sync Failed\",\r\n text: \"Sync was not 100% successful\",\r\n })\r\n );\r\n }\r\n if (result.sucess === \"1\") {\r\n loadingSet(false);\r\n dispatch(\r\n setAlert({\r\n type: \"success\",\r\n title: \"Sync Successful\",\r\n text: \"Sync was done successfuly!\",\r\n })\r\n );\r\n }\r\n };\r\n };\r\n\r\n return (\r\n{label}
\r\nNo Companies
\r\n