From 0de75f5913bcda08c2c6309cb03a96a69579276c Mon Sep 17 00:00:00 2001
From: Brian DeRocher <brian@derocher.org>
Date: Tue, 26 Nov 2024 08:51:46 -0500
Subject: [PATCH] this is my sticker button

---
 server.js                 |  2 +-
 src/views/StickerView.vue | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/server.js b/server.js
index 2a51a4b..9ea4469 100644
--- a/server.js
+++ b/server.js
@@ -9,7 +9,7 @@ const user = JSON.stringify({
 
 const stickers = {
   "88ae126f-b19a-4287-abe0-a8f5ac763cb7": {
-    backgroundColor: "#000088",
+    color: "#000088",
     layout: "layout1",
     message1: "I am an activist!",
   },
diff --git a/src/views/StickerView.vue b/src/views/StickerView.vue
index 02a9c43..6c280b5 100644
--- a/src/views/StickerView.vue
+++ b/src/views/StickerView.vue
@@ -48,18 +48,11 @@ const second = computed(() => {
       <div class="flex flex-col gap-5">
         <div id="StickerWrapper">
           <Sticker
-            :color="stickerStore.sticker.backgroundColor"
-            :layout="stickerStore.sticker.layout"
-            :message1="stickerStore.sticker.message1"
-            message2="message2"
-            message3="message3"
-            message4="message4"
+            v-bind="stickerStore.sticker"
             v-if="stickerStore.sticker"
           />
         </div>
-        <Button
-          v-bind:disabled="userStore.isAnonymous"
-        >
+        <Button v-bind:disabled="userStore.isAnonymous">
           This is my sticker!
         </Button>
         <span v-if="userStore.isAnonymous">
@@ -69,3 +62,10 @@ const second = computed(() => {
     </Panel>
   </div>
 </template>
+
+<style scoped>
+#StickerWrapper {
+  background-color: #DDD;
+  padding: 12px;
+}
+</style>