finish shared content across templates

frontend/src/components/canvas/utils.js

@@ -105,8 +105,6 @@ const transformTextLineBreaks = (
 
                 text = setCharAt(text, lineBreakPosition, "\n")
             } else {
-                console.info(currentWord, currentWidth);
-
                 text = setCharAt(
                     text,
                     (

frontend/src/views/basic_photo_banner/BasicPhotoBanner.vue

@@ -80,7 +80,7 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 mainImage: this.mainImage,
                 mainText: this.mainText,
@@ -91,7 +91,7 @@ export default {
                 colors: this.colors
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
             delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)

frontend/src/views/facebook_survey/FacebookSurvey.vue

@@ -80,7 +80,7 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 mainImage: this.mainImage,
                 mainText: this.mainText,
@@ -93,7 +93,7 @@ export default {
                 gradientHeightMultiplier: this.gradientHeightMultiplier
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
             delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)

frontend/src/views/newspaper_quote_middle/NewspaperQuoteMiddle.vue

@@ -95,7 +95,7 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 sourceImage: this.sourceImage,
                 mainText: this.mainText,
@@ -105,7 +105,7 @@ export default {
                 colors: this.colors
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
             delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)

frontend/src/views/text_banner/TextBanner.vue

@@ -65,14 +65,14 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 text: this.text,
                 logoImage: this.logoImage,
                 colors: this.colors
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
             delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)

frontend/src/views/twitter_banner/TwitterBanner.vue

@@ -94,7 +94,7 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 colors: this.colors,
                 logoImageSource: this.logoImageSource,
@@ -105,7 +105,7 @@ export default {
                 personTwitter: this.personTwitter
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
             delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)

frontend/src/views/urgent_basic_photo_banner/UrgentBasicPhotoBanner.vue

@@ -80,7 +80,7 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 mainImage: this.mainImage,
                 mainText: this.mainText,
@@ -91,7 +91,7 @@ export default {
                 colors: this.colors
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
             delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)

frontend/src/views/urgent_text_banner/UrgentTextBanner.vue

@@ -71,16 +71,16 @@ export default {
         return data
     },
     methods: {
-        reloadCanvasProperties () {
+        async reloadCanvasProperties () {
             const canvasProperties = {
                 text: this.text,
                 logoImage: this.logoImage,
                 colors: this.colors
             }
 
-            this.$refs.canvas.redraw(canvasProperties)
+            await this.$refs.canvas.redraw(canvasProperties)
 
-            delete canvasProperties.colors
+            await delete canvasProperties.colors
             $cookies.set("canvas_properties", JSON.stringify(canvasProperties), 0)
         }
     },