From 116cbc686a4f6be73edad521e699b1d56a1cad8f Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Fri, 10 Dec 2021 23:29:48 -0500
Subject: [PATCH] [+] Implement set palette

---
 src/views/color/ColorPicker.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/color/ColorPicker.vue b/src/views/color/ColorPicker.vue
index 43dd027..fc59a63 100644
--- a/src/views/color/ColorPicker.vue
+++ b/src/views/color/ColorPicker.vue
@@ -7,9 +7,9 @@
         <ColorPicker id="picker" :isWidget="true" pickerType="chrome" v-model:pureColor="colorModel"
                      :disableHistory="true" @pureColorChange="change" format="hex"/>
         <div id="palette">
-            <div class="row" v-for="p of palette" :key="p">
-                <div class="color" v-for="c in p" :key="c"
-                     :style="{'background-color': c ? c : '#333'}"/>
+            <div class="row" v-for="(p, i) of palette" :key="i">
+                <div class="color" v-for="(c, j) in p" :key="j" :style="{'background-color': c ? c : '#333'}"
+                     @click="setPalette(i, j)"/>
             </div>
         </div>
     </div>
@@ -45,6 +45,11 @@ export default class MyColorPicker extends Vue
         this.$emit('update:color', c)
         this.$emit('updateColor', c)
     }
+
+    setPalette(i: number, j: number): void
+    {
+        this.palette[i][j] = this.colorModel
+    }
 }
 </script>