From 786530d963dd0613d288228e364c61f4dc7b6ed9 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Wed, 8 Jan 2025 16:38:05 -0500
Subject: [PATCH] Adds AccountVerified

---
 src/components/icons/IconAccountVerified.vue |  5 +++++
 src/views/creators/BannerActions.vue         | 21 +++++++++++++-------
 2 files changed, 19 insertions(+), 7 deletions(-)
 create mode 100644 src/components/icons/IconAccountVerified.vue

diff --git a/src/components/icons/IconAccountVerified.vue b/src/components/icons/IconAccountVerified.vue
new file mode 100644
index 0000000..74c2ac6
--- /dev/null
+++ b/src/components/icons/IconAccountVerified.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path fill="currentColor" d="m23 12l-2.44-2.78l.34-3.68l-3.61-.82l-1.89-3.18L12 3L8.6 1.54L6.71 4.72l-3.61.81l.34 3.68L1 12l2.44 2.78l-.34 3.69l3.61.82l1.89 3.18L12 21l3.4 1.46l1.89-3.18l3.61-.82l-.34-3.68zm-13 5l-4-4l1.41-1.41L10 14.17l6.59-6.59L18 9z" />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/views/creators/BannerActions.vue b/src/views/creators/BannerActions.vue
index c540cd9..20a1ee5 100644
--- a/src/views/creators/BannerActions.vue
+++ b/src/views/creators/BannerActions.vue
@@ -3,6 +3,7 @@ import { useClient } from '@/plugins/api.js';
 import { useBrandingStore } from '@/stores/brandingStore.js';
 import DonationButtonBanner from '@/views/creators/DonationButtonBanner.vue';
 import { onBeforeUnmount, onMounted, ref } from 'vue';
+import IconAccountVerified from "@/components/icons/IconAccountVerified.vue";
 
 const brandingStore = useBrandingStore();
 const isMobile = ref(false);
@@ -137,15 +138,21 @@ onBeforeUnmount(() => {
                 />
               </div>
               <div
-                class="ml-64 w-25 min-w-60 flex flex-col"
+                class="ml-64 w-25 min-w-60 flex flex-row"
                 :style="{ color: brandingStore.colors.onPrimary }"
               >
-                <p class="capitalize text-3xl mt-4">
-                  {{ brandingStore.value.name }}
-                </p>
-                <p class="capitalize text-lg -mb-14">
-                  {{ brandingStore.value.title }}
-                </p>
+                <div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center">
+                  <icon-account-verified></icon-account-verified>
+                </div>
+
+                <div class="flex flex-col">
+                  <span class="capitalize text-3xl">
+                    {{ brandingStore.value.name }}
+                  </span>
+                  <span class="capitalize text-lg">
+                    {{ brandingStore.value.title }}
+                  </span>
+                </div>
               </div>
             </div>