Fix public paths, mb who knows

ktchn/src/config.ts

@@ -1,4 +1,4 @@
-module.exports = {
+export const config = {
 	name: 'API',
 	env: process.env.NODE_ENV || 'development',
 	port: process.env.PORT || 3000,
@@ -6,4 +6,7 @@ module.exports = {
 	db: {
 		uri: process.env.MONGODB_URI || 'mongodb://127.0.0.1:27017/api',
 	},
-};
+	public_assets_path: process.env.PUBLIC_ASSETS_PATH || `${__dirname}/../public`,
+};
+
+export default config;

ktchn/src/recipes/controller.ts

@@ -8,6 +8,7 @@ import Ingredient from '../ingredients/model';
 import { dissoc } from 'ramda';
 import request from 'request-promise';
 import fs from 'fs';
+import config from '../config';
 
 function validRecipe(data: any): Promise<Recipe> {
   return new Promise(function(resolve, reject) {
@@ -65,7 +66,7 @@ const saveImage = async (recipe: Recipe, _id: ObjectID) => {
     try {
       const [ prefix, base64Img ] = recipe.image.split(',');
       const filename = `${_id}.${prefix.replace('data:image/', '').split(';', 1)}`;
-      fs.writeFileSync(`${__dirname}/../public/${filename}`, base64Img, { encoding: 'base64'});
+      fs.writeFileSync(`${config.public_assets_path}/${filename}`, base64Img, { encoding: 'base64'});
       return {
         ...recipe,
         image: filename

recipes/src/components/Card/index.tsx

@@ -37,7 +37,7 @@ function CBKCard({onClick, img, title, summary, actions, icons, noMedia = false,
   return(
     <Card outlined className={`cbk-card ${className}`}>
       <CardPrimaryContent onClick={onClick}>
-        { noMedia ? null : <CardMedia square imageUrl={ img ? `${API}/${img}` : sample_img}></CardMedia>}
+        { noMedia ? null : <CardMedia square imageUrl={ img ? `/public/${img}` : sample_img}></CardMedia>}
         <div className='cbk-card__main'>
           <h6 className='cbk-card__main__title'>{title}</h6>
           {