fixes

.idea/dictionaries/Ramona.xml

@@ -1,6 +1,7 @@
 <component name="ProjectDictionaryState">
   <dictionary name="Ramona">
     <words>
+      <w>cloudinary</w>
       <w>fortawesome</w>
     </words>
   </dictionary>

client/src/components/Images/ImageCarousel.jsx

@@ -5,8 +5,6 @@ import Carousel from 'react-material-ui-carousel';
 import { makeStyles } from '@material-ui/styles';
 import { Box, Link } from "@material-ui/core";
 
-const serverURL = process.env.REACT_APP_SERVER_URL;
-
 const useStyles = makeStyles({
   carouselBackdrop: {
     position: 'fixed',
@@ -76,7 +74,7 @@ ImageCarousel.propTypes = {
   /** all images that can be scrolled through in the carousel, including name (that will be the altText) and relative path to serverURL */
   images: arrayOf(shape({
     name: string,
-    path: string,
+    url: string,
   })).isRequired,
   /** Array index number of image that will be displayed first */
   startIndex: number,

client/src/components/Meals/EditMeal.jsx

@@ -154,7 +154,7 @@ EditMeal.propTypes = {
     title: string,
     images: arrayOf(shape({
       name: string,
-      path: string,
+      url: string,
     })),
     recipeLink: string,
     comment: string,

client/src/components/Meals/EditMealCore.jsx

@@ -38,9 +38,9 @@ const EditMealCore = (props) => {
 
   return (
     <>
-      <OutlinedTextField name="title" value={title} label={t('Meal Title')} onChange={e => updateMeal('title', e.target.value)} secondary={isSecondary} autoFocus required />
-      <OutlinedTextField name="recipeLink" value={recipeLink} label={t('Link to Recipe')} onChange={e => updateMeal('recipeLink', e.target.value)} secondary={isSecondary} />
-      <OutlinedTextField multiline rowsMax={10} name="comment" label={t('Comment')} value={comment} onChange={e => updateMeal('comment', e.target.value)} secondary={isSecondary} />
+      <OutlinedTextField name="title" value={title} label={t('Meal Title')} onChange={e => updateMeal('title', e.target.value)} isSecondary={isSecondary} autoFocus required />
+      <OutlinedTextField name="recipeLink" value={recipeLink} label={t('Link to Recipe')} onChange={e => updateMeal('recipeLink', e.target.value)} isSecondary={isSecondary} />
+      <OutlinedTextField multiline rowsMax={10} name="comment" label={t('Comment')} value={comment} onChange={e => updateMeal('comment', e.target.value)} isSecondary={isSecondary} />
 
       <SelectMealCategory currentCategory={category} updateMeal={updateMeal} />
 
@@ -61,7 +61,7 @@ EditMealCore.propTypes = {
     title: string,
     images: arrayOf(shape({
       name: string,
-      path: string,
+      url: string,
     })),
     recipeLink: string,
     comment: string,

client/src/components/Meals/MealAvatar.jsx

@@ -5,8 +5,6 @@ import { arrayOf, shape, string } from "prop-types";
 import React from "react";
 import { makeStyles } from "@material-ui/styles";
 
-const serverURL = process.env.REACT_APP_SERVER_URL;
-
 const useStyles = makeStyles(theme => ({
   backgroundColor: {
     color: theme.palette.background.default,
@@ -47,7 +45,7 @@ MealAvatar.propTypes = {
     title: string,
     images: arrayOf(shape({
       name: string,
-      path: string,
+      url: string,
     })),
     recipeLink: string,
     comment: string,

client/src/components/Meals/MealDetailView.jsx

@@ -70,7 +70,6 @@ const MealDetailView = (props) => {
 
   const openEditItemDialog = (mealItem) => {
     setMealBeingEdited(mealItem);
-    console.log('setting as toEdit', mealBeingEdited, mealItem, mealBeingEdited === mealItem)
     setEditDialogOpen(allowEditing && true);
   }
 
@@ -120,7 +119,7 @@ MealDetailView.propTypes = {
     title: string,
     images: arrayOf(shape({
       name: string,
-      path: string,
+      url: string,
     })),
     recipeLink: string,
     comment: string,

client/src/components/Meals/MealImportButton.jsx

@@ -167,7 +167,7 @@ MealImportButton.propTypes = {
     title: string,
     images: arrayOf(shape({
       name: string,
-      path: string,
+      url: string,
     })),
     recipeLink: string,
     comment: string,

client/src/components/Meals/Meals.jsx

@@ -150,7 +150,7 @@ const Meals = (props) => {
             </ListItemAvatar>
             <ListItemText primary={meal.title} />
           </ListItem>,
-          <Divider key={meal.title + 'Divider'} />
+          <Divider key={'Divider' + meal._id} />
         );
       });
       const open = isCategoryOpen[categoryName];

client/src/components/util/OutlinedTextField.jsx

@@ -22,13 +22,13 @@ const useStyles = makeStyles((theme) => ({
 const OutlinedTextField = (props) => {
   const classes = useStyles();
 
-  const { secondary } = props;
+  const { isSecondary } = props;
 
   return (
     <TextField className={classes.textField}
                InputProps={{ margin: 'dense' }}
                InputLabelProps={{ className: classes.correctFloatingLabel }}
-               color={secondary ? "secondary" : "primary"}
+               color={isSecondary ? "secondary" : "primary"}
                variant="outlined"
                {...props} />
   );
@@ -36,11 +36,11 @@ const OutlinedTextField = (props) => {
 
 OutlinedTextField.propTypes = {
   /** whether to use primary or secondary color scheme */
-  secondary: bool,
+  isSecondary: bool,
 }
 
 OutlinedTextField.defaultProps = {
-  secondary: false,
+  isSecondary: false,
 }
 
 export default OutlinedTextField;