fix minor template issues

.pre-commit-config.yaml

@@ -13,19 +13,3 @@ repos:
         args: [--fix=lf]
       - id: detect-private-key
       - id: check-merge-conflict
-
-  - repo: https://github.com/asottile/seed-isort-config
-    rev: v2.2.0
-    hooks:
-      - id: seed-isort-config
-
-  - repo: https://github.com/timothycrosley/isort
-    rev: 5.12.0
-    hooks:
-      - id: isort
-
-  - repo: https://github.com/psf/black
-    rev: 23.1.0
-    hooks:
-      - id: black
-        args: ["-t", "py311"]

frontend/src/components/inputs/EmojiInput.vue

@@ -55,6 +55,11 @@ export default {
         selectedEmoji (value) {
             const image = new Image()
 
+            if (value === null || value === undefined) {
+                this.$emit('update:modelValue', null)
+                return
+            }
+
             image.onload = () => {
                 this.$emit('update:modelValue', image)
             }

frontend/src/views/regional_success/canvas.js

@@ -26,6 +26,7 @@ let fourthRow = null
 let fourthEmoji = null
 let nameText = null
 let nameTextDesc = null
+let gradientRect = null
 
 let previousLogoPosition = null
 
@@ -49,7 +50,8 @@ const redraw = async (canvas, options) => {
             fourthRow,
             fourthEmoji,
             nameText,
-			nameTextDesc
+            nameTextDesc,
+            gradientRect
         ],
         canvas
     )
@@ -186,9 +188,9 @@ const redraw = async (canvas, options) => {
 
 
     /* BEGIN Main image render */
-	var gradientRect = new fabric.Rect({
+    gradientRect = new fabric.Rect({
         left: 0,
-		top: 385,
+        top: 400,
         width: 684,
         height: 780,
         zIndex: 5,