fix auth

Author: alexjs-dev

components/AuthForm/AuthForm.js

@@ -57,6 +57,7 @@ const AuthForm = ({ type }) => {
       label={t('label.email')}
       autocomplete={fieldTypes.email}
       name={fieldTypes.email}
+      type="email"
       validate={[emailValidator]}
     />
   )

components/Forms/SearchForm.tsx

@@ -67,8 +67,6 @@ const SearchFormComponent: React.FunctionComponent<Props> = ({
   const { t } = useTranslation()
   const onSubmit = (values: any) => {
     const query = toQueryBasic(values)
-
-    console.log('query', query)
     closeModal()
     if (query) {
       router.push({

components/Input/BaseInput.js

@@ -65,8 +65,8 @@ const BaseInput = forwardRef(
             small && styles.small
           )}
           value={value}
-          autoComplete={autocomplete}
           {...inputProps}
+          autoComplete={autocomplete}
         />
       )
     return (
@@ -77,8 +77,8 @@ const BaseInput = forwardRef(
           small && styles.small
         )}
         value={value}
-        autoComplete={autocomplete}
         {...inputProps}
+        autoComplete={autocomplete}
       />
     )
   }
@@ -112,7 +112,7 @@ BaseInput.defaultProps = {
   min: null,
   hasLabel: false,
   type: '',
-  autocomplete: '',
+  autocomplete: 'off',
 }
 
 export default memo(BaseInput)

lib/FeathersClient.js

@@ -32,13 +32,15 @@ class FeathersClient {
   service = (service) => this.app.service(service)
 
   disconnect = async () => {
+    console.log('Disconnecting...')
     if (process.browser) {
       window.localStorage.removeItem('feathers-jwt')
-      await this.feathers.logout()
+      await this.app.logout()
     }
   }
 
   reAuthenticate = () => {
+    console.log('Re-authenticating...')
     try {
       this.app.reAuthenticate()
     } catch (e) {
@@ -48,10 +50,13 @@ class FeathersClient {
   }
 
   authenticate = async (config) => {
+    console.log('Authenticating...')
     try {
       if (process.browser) {
-        window.localStorage.setItem('feathers-jwt', accessToken)
-        await this.app.authenticate(config)
+        const response = await this.app.authenticate(config)
+        if (response.accessToken)
+          window.localStorage.setItem('feathers-jwt', response.accessToken)
+        return response
       }
     } catch (e) {
       console.error('Authentication error', e)

pages/search/index.tsx

@@ -13,10 +13,12 @@ import {
   ListingsCarousel,
   InfinitePagination,
   Layout,
+  Loader,
 } from '../../components'
 import {
   listingPaginationSelector,
   listingsSelector,
+  listingsLoadingSelector,
 } from '../../store/listing/selectors'
 import Creators from '../../store/listing/creators'
 import styles from './search.module.scss'
@@ -61,6 +63,7 @@ const SearchPage: React.FunctionComponent = () => {
   const pagination = useSelector(listingPaginationSelector)
   const listings = useSelector(listingsSelector)
   const makes = useSelector(makesSelector)
+  const loading = useSelector(listingsLoadingSelector)
   const count = get(pagination, 'total', 0)
 
   const fetch = (resetPagination = false) => {
@@ -124,7 +127,8 @@ const SearchPage: React.FunctionComponent = () => {
   return (
     <Layout background="white" fullscreen className={styles.layout}>
       <div className={styles.search}>
-        <h1>{`${t('titles.foundVehicles')}: ${count}`}</h1>
+        {loading && <Loader loading />}
+        {!loading && <h1>{`${t('titles.foundVehicles')}: ${count}`}</h1>}
         <SearchForm
           cb={() => fetch(true)}
           defaultExpanded={defaultExpanded}