Merge branch 'dev' into master

frontend/.env.development

@@ -0,0 +1 @@
+VUE_APP_API_BASE_URL=http://10.10.10.12:9921

frontend/src/components/NewRecipe.vue

@@ -83,12 +83,19 @@ export default {
     onFileChange() {
       this.image = URL.createObjectURL(this.fileObject);
     },
+
     async createRecipe() {
       this.isLoading = true;
-      this.recipeDetails.image = this.fileObject.name;
+
+      if (this.fileObject) {
+        this.recipeDetails.image = this.fileObject.name;
+      } 
       let slug = await api.recipes.create(this.recipeDetails);
 
-      await api.recipes.updateImage(slug, this.fileObject);
+      if (this.fileObject) {
+        await api.recipes.updateImage(slug, this.fileObject);
+      }
+
       this.isLoading = false;
 
       this.$router.push(`/recipe/${slug}`);

frontend/src/components/UI/Confirmation.vue

@@ -0,0 +1,37 @@
+<template>
+  <v-dialog v-model="addRecipe" width="650" @click:outside="reset">
+    <v-card :loading="processing">
+      <v-card-title class="headline"> From URL </v-card-title>
+
+      <v-card-text> </v-card-text>
+
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="primary" text @click="createRecipe"> Exit </v-btn>
+        <v-btn color="primary" text @click="confirm"> Confirm </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    type: String,
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    confirm() {
+      this.$emit("confirm");
+    },
+    exit() {
+      // do something? 
+    }
+  },
+};
+</script>
+
+<style>
+</style>