Added functionality to keep up all the heroku services on app startup.

Author: ujjavaldesai07

client/src/actions/index.js

@@ -354,22 +354,17 @@ export const getSearchSuggestions = (prefix) => async dispatch => {
 
 }
 
-export const setDefaultSearchSuggestions = () => async dispatch => {
+export const setDefaultSearchSuggestions = () => dispatch => {
  log.info(`[ACTION]: getSearchSuggestions Calling API.`)
- let responseError = false
- const response = await searchSuggestionServiceAPI.get(DEFAULT_SEARCH_SUGGESTION_API)
+
+ searchSuggestionServiceAPI.get(DEFAULT_SEARCH_SUGGESTION_API)
+ .then(response => {
+ dispatch({
+ type: SEARCH_KEYWORD, payload: {data: JSON.parse(JSON.stringify(response.data))}
+ });
+ })
  .catch(err => {
  log.info(`[ACTION]: unable to fetch response for API = ${DEFAULT_SEARCH_SUGGESTION_API}`)
  dispatch({type: SEARCH_KEYWORD_ERROR});
- responseError = true
  });
-
- if (responseError) {
- return
- }
-
- log.debug(`[ACTION]: Data = ${JSON.parse(JSON.stringify(response.data))}.`)
- dispatch({
- type: SEARCH_KEYWORD, payload: {data: JSON.parse(JSON.stringify(response.data))}
- });
 }

client/src/components/routes/home/home.js

@@ -5,7 +5,7 @@ import TopCategoriesAndBrands from "./topCategoriesAndBrands";
 import {StyledSegment, StyledDimmer} from "../../../styles/semanticUI/customStyles";
 import {connect, useSelector} from "react-redux";
 import {DocumentTitle} from "../../ui/documentTitle";
-import {getDataViaAPI} from "../../../actions";
+import {getDataViaAPI, setDefaultSearchSuggestions} from "../../../actions";
 import log from 'loglevel';
 import {homePageDataReducer} from "../../../reducers/screens/commonScreenReducer";
 import HomeMenuIcons from "./homeMenuIcons";
@@ -16,6 +16,8 @@ import {LOAD_HOME_PAGE} from "../../../actions/types";
 import {BadRequest} from "../../ui/error/badRequest";
 import {HOME_PAGE_DATA_API} from "../../../constants/api_routes";
 import {HOME_PAGE_API_OBJECT_LEN} from "../../../constants/constants"
+import {authServiceAPI} from "../../../api/service_api";
+import axios from "axios";
 
 const Home = props => {
  const {hover} = useSelector(state => state.tabHoverEventReducer)
@@ -25,6 +27,26 @@ const Home = props => {
  useEffect(() => {
  log.info("[Home]: component did mount.")
 
+ ///////////////////////////////////////////////////////////
+ // Below requests are made just to wake up all services on
+ // Heroku so that it serves the requests quickly.
+ // This should be removed when the app is deployed on actual server.
+ props.setDefaultSearchSuggestions()
+ authServiceAPI.post('/authenticate').catch(err => {})
+ if(process.env.REACT_APP_PAYMENT_SERVICE_URL) {
+ axios({
+ method: 'post',
+ url: `${process.env.REACT_APP_PAYMENT_SERVICE_URL}/payment`,
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ data: "xyz"
+ }).catch(err => {})
+ }
+ ///////////////////////////////////////////////////////////
+
+
+
  if(!homeAPIData.hasOwnProperty("data")) {
  props.getDataViaAPI(LOAD_HOME_PAGE, HOME_PAGE_DATA_API, null, false);
  }
@@ -75,4 +97,4 @@ const Home = props => {
  )
 }
 
-export default connect(null, {getDataViaAPI})(Home);
+export default connect(null, {getDataViaAPI, setDefaultSearchSuggestions})(Home);

client/src/components/routes/navbar/searchBar.js

@@ -10,6 +10,7 @@ import {getSearchSuggestions} from "../../../actions";
 import {makeStyles} from "@material-ui/core/styles";
 import history from "../../../history";
 import {PRODUCT_BY_CATEGORY_DATA_API} from "../../../constants/api_routes";
+import {MAX_PRODUCTS_PER_PAGE} from "../../../constants/constants";
 
 export const useSearchBarStyles = makeStyles((theme) => ({
  paper: {
@@ -52,7 +53,7 @@ function SearchBar(props) {
 
  log.info(`=======> queryLink = ${queryLink}, value = ${value}, history = ${JSON.stringify(history)}`)
  if (queryLink) {
- history.push(`${PRODUCT_BY_CATEGORY_DATA_API}?q=${queryLink}`)
+ history.push(`${PRODUCT_BY_CATEGORY_DATA_API}?q=${queryLink}::page=0,${MAX_PRODUCTS_PER_PAGE}`)
  }
  }
  }

client/src/components/routes/product/filterChips.js

@@ -103,8 +103,25 @@ const FilterChips = () => {
  }
  })
 
- const {list, ids} = toggleId(selectedAttrList[i].id, selectedAttrList[i].value, selectedAttrList)
- history.push(updateQueryString(history, attributeName, selectedAttrList[i].id, ids))
+ const {ids} = toggleId(selectedAttrList[i].id, selectedAttrList[i].value, selectedAttrList)
+ let queryString = updateQueryString(history, attributeName, selectedAttrList[i].id, ids)
+
+ let URL = ""
+ if(!queryString.startsWith(PRODUCT_BY_CATEGORY_DATA_API)) {
+ URL += PRODUCT_BY_CATEGORY_DATA_API
+ }
+
+ if(!queryString.startsWith(`?q=`)) {
+ URL += `?q=`
+ }
+
+ if(URL !== "") {
+ history.push(URL + queryString)
+ } else {
+ history.push(queryString)
+ }
+
+
  return
  }
  }

client/src/components/routes/product/filterDropdown.js

@@ -1,9 +1,8 @@
 import React, {useEffect, useState} from 'react';
 import log from 'loglevel';
-import {useDispatch, useSelector} from "react-redux";
-import {SELECT_SORT_CATEGORY} from "../../../actions/types";
+import {useSelector} from "react-redux";
 import DropdownSection from "../../ui/dropDown";
-import {MAX_PRODUCTS_PER_PAGE, SORT_ATTRIBUTE} from "../../../constants/constants";
+import {SORT_ATTRIBUTE} from "../../../constants/constants";
 import history from "../../../history";
 
 export default function FilterDropdown() {

client/src/components/routes/product/filterPagination.js

@@ -1,13 +1,10 @@
 import React, {useEffect, useState} from 'react';
 import Grid from "@material-ui/core/Grid";
 import log from 'loglevel';
-import {useDispatch, useSelector} from "react-redux";
-import {SELECT_PRODUCT_PAGE} from "../../../actions/types";
+import {useSelector} from "react-redux";
 import Pagination from "@material-ui/lab/Pagination";
 import {MAX_PRODUCTS_PER_PAGE} from "../../../constants/constants";
-import {toggleId} from "../../../helper/toggleId";
 import history from "../../../history";
-import {updateQueryString} from "../../../helper/updateQueryString";
 
 export default function FilterPagination() {
  const selectedPage = useSelector(state => state.selectPageReducer)

client/src/components/routes/product/filterSideNavbar/apparelCheckBox.js

@@ -32,6 +32,8 @@ export default function ApparelCheckBox() {
  setSelectedList([])
  }
  }
+
+ // eslint-disable-next-line
  }, [history.location.search])
 
  // return if doesn't got anything from the server

client/src/components/routes/product/filterSideNavbar/brandCheckBox.js

@@ -32,6 +32,8 @@ export default function BrandCheckBox() {
  setSelectedList([])
  }
  }
+
+ // eslint-disable-next-line
  }, [history.location.search])
 
  // return if doesn't got anything from the server

client/src/components/routes/product/filterSideNavbar/clearAllButton.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import log from 'loglevel';
 import {useDispatch, useSelector} from "react-redux";
-import {CLEAR_ALL_FILTERS, REMOVE_SELECTED_CATEGORY, RESET_SELECTED_CATEGORY} from "../../../../actions/types";
+import {CLEAR_ALL_FILTERS, RESET_SELECTED_CATEGORY} from "../../../../actions/types";
 import history from "../../../../history";
 
 function ClearAllButton() {

client/src/components/routes/product/filterSideNavbar/filterNavBar.js

@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from 'react';
+import React, {useEffect} from 'react';
 import Divider from '@material-ui/core/Divider';
 import Drawer from '@material-ui/core/Drawer';
 import Hidden from '@material-ui/core/Hidden';
@@ -20,7 +20,7 @@ import {
 import {
  CLEAR_ALL_FILTERS,
  LOAD_FILTER_ATTRIBUTES, LOAD_SELECTED_CATEGORY_FROM_URL,
- SAVE_QUERY_STATUS, SAVE_SORT_LIST, SELECT_PRODUCT_PAGE, SELECT_SORT_CATEGORY,
+ SAVE_SORT_LIST, SELECT_PRODUCT_PAGE, SELECT_SORT_CATEGORY,
 } from "../../../../actions/types";
 import {PRODUCTS_ROUTE} from "../../../../constants/react_routes";
 import {FILTER_ATTRIBUTES_API} from "../../../../constants/api_routes";