fix: fix autocomplete bug and added course image placeholder

Author: mariocoski

k8s/Chart.yaml

@@ -2,7 +2,7 @@ apiVersion: v1
 description: A Helm chart for kube-ts-react-client
 name: kube-ts-react-client
 version: 1.0.0
-appVersion: 1.5.14
+appVersion: 1.5.17
 home: https://cloud.docker.com/u/kubejs/repository/docker/kubejs/kube-ts-react-client
 icon: https://avatars2.githubusercontent.com/u/47761918?s=200&v=4
 sources:

k8s/values.yaml

@@ -6,7 +6,7 @@ replicaCount: 2
 
 image:
   repository: kubejs/kube-ts-react-client
-  tag: 1.5.14
+  tag: 1.5.17
   pullPolicy: Always
   containerPort: 80
 

src/components/CourseSlide/index.tsx

@@ -7,13 +7,15 @@ import {
   Typography,
 } from '@material-ui/core';
 import _find from 'ramda/src/find';
+import _isNil from 'ramda/src/isNil';
 import _propEq from 'ramda/src/propEq';
 import React from 'react';
 import { Link } from 'react-router-dom';
 // tslint:disable:no-import-side-effect
 import 'slick-carousel/slick/slick-theme.css';
 import 'slick-carousel/slick/slick.css';
 import CourseRating from '../../atoms/CourseRating';
+import courseImagePlaceholder from '../../images/course_400x180.png';
 import { EnhancedCourse } from '../../redux/discoveryItems/actionCreators';
 import assetsUrl from '../../utils/helpers/assetsUrl';
 
@@ -29,12 +31,14 @@ const Slide = ({
   // tslint:disable-next-line:no-magic-numbers
   const coursePrice = Number(Math.random() * 10 + 9).toFixed(2);
 
+  const imageUrl = !_isNil(course.imageUrl) ? assetsUrl(course.imageUrl) : courseImagePlaceholder;
+
   return (
     <Card className={classes.card}>
       <Link className={classes.courseLink} to={`/courses/${course.slug}`}>
         <CardMedia
           className={classes.cardMedia}
-          image={assetsUrl(course.imageUrl)}
+          image={imageUrl}
           title="Image title"
         />
         <CardContent className={classes.cardContent}>

src/components/CourseView/index.tsx

@@ -1,10 +1,12 @@
 // tslint:disable:no-magic-numbers
 import { Avatar, Button, Container, Grid, Paper } from '@material-ui/core';
+import _isNil from 'ramda/src/isNil';
 import React, { memo, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { RouteComponentProps } from 'react-router';
 import { Redirect } from 'react-router-dom';
 import { ROOT } from '../../constants/routes';
+import courseImagePlaceholder from '../../images/course_400x180.png';
 import { getCourseDetailsRequested } from '../../redux/courseDetails/actionCreators';
 import { State } from '../../redux/rootReducer';
 import assetsUrl from '../../utils/helpers/assetsUrl';
@@ -34,7 +36,7 @@ const CourseView = ({ match }: RouteComponentProps<Params>) => {
     // TODO: make course placeholder
     return <div>Loading...</div>;
   }
-
+  const imageUrl = !_isNil(course.imageUrl) ? assetsUrl(course.imageUrl) : courseImagePlaceholder;
   const coursePrice = Number(Math.random() * 10 + 9).toFixed(2);
 
   return (
@@ -60,7 +62,7 @@ const CourseView = ({ match }: RouteComponentProps<Params>) => {
           </Grid>
           <Grid item xs={12} sm={3}>
             <Paper className={classes.paper}>
-              <img src={assetsUrl(course.imageUrl)} style={{ width: '100%' }} />
+              <img src={imageUrl} style={{ width: '100%' }} />
               <h4>{`£${coursePrice}`}</h4>
               <Button variant="contained" fullWidth color="primary">
                 Add to cart

src/config/index.ts

@@ -11,7 +11,7 @@ const env = (window as any)._env_;
 
 const config: Config = {
   apiUrl: getStringValue(env.REACT_APP_API_URL, 'http://localhost:9000/api/v1'),
-  assetsUrl: getStringValue(env.REACT_APP_ASSETS_URL, 'http://localhost:3000'),
+  assetsUrl: getStringValue(env.REACT_APP_ASSETS_URL, '/'),
   logger: {
     dummy: {
       silent: