From 15d12d569a59ce04f81f269da866372351399b88 Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <rogelio.gutierrez@contractors.kiva.org>
Date: Thu, 11 Jan 2024 11:25:08 -0600
Subject: [PATCH] feat: notify component image replaced

---
 src/assets/icons/inline/rewards.svg     | 30 +++++++++++++++++++++++++
 src/assets/icons/inline/thanks-mail.svg | 14 ------------
 src/components/Thanks/NotifyMe.vue      |  6 ++---
 3 files changed, 33 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/icons/inline/rewards.svg
 delete mode 100644 src/assets/icons/inline/thanks-mail.svg

diff --git a/src/assets/icons/inline/rewards.svg b/src/assets/icons/inline/rewards.svg
new file mode 100644
index 0000000000..9444a34059
--- /dev/null
+++ b/src/assets/icons/inline/rewards.svg
@@ -0,0 +1,30 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1473_888)">
+<g clip-path="url(#clip1_1473_888)">
+<path d="M26.2209 29.5702L42.4425 25.0549V43.9235L26.2209 48.7932V29.5702Z" fill="#F4B539"/>
+<path d="M42.1051 25.5048V43.668L26.5582 48.3365V29.8326L42.1051 25.5048ZM42.7797 24.6085L41.9263 24.8471L26.3794 29.1749L25.8835 29.3112V49.2498L26.7504 48.9908L42.2974 44.3222L42.7797 44.1757V24.6085Z" fill="white"/>
+<path d="M26.032 29.5395L42.5773 24.9357L48.0823 30.0984L31.7933 37.0331L26.032 29.5395Z" fill="#F4B539"/>
+<path d="M42.4427 25.5048L47.1651 29.9348L31.9555 36.4095L26.8958 29.8326L42.4427 25.5048ZM42.7159 24.3666L42.1728 24.5165L26.6259 28.8443L25.1687 29.2499L26.0963 30.4562L31.1561 37.0331L31.6317 37.6533L32.3468 37.35L47.5564 30.8753L49.0001 30.2619L47.8532 29.1851L43.1308 24.7551L42.7159 24.3666Z" fill="white"/>
+<path d="M15.3392 47.6448L9.7229 43.8486V25.0549L25.9411 29.5702V48.7114L15.3392 47.6448Z" fill="#F4B539"/>
+<path d="M10.0604 25.5048L25.6073 29.8326V48.3365L15.4574 47.3142L10.0604 43.668V25.5048ZM9.38574 24.6085V44.0326L9.68595 44.2336L15.083 47.8799L15.2247 47.9753L15.3933 47.9924L25.5432 49.0147L26.2853 49.0897V29.3112L25.7894 29.1749L10.2425 24.8471L9.38912 24.6085H9.38574Z" fill="white"/>
+<path d="M4.12988 31.3014L9.16601 24.9221L25.7653 29.5396L20.0141 37.0127L4.12988 31.3014Z" fill="#F4B539"/>
+<path d="M9.35503 25.5048L24.9019 29.8326L19.8422 36.4095L4.96992 31.0594L9.35503 25.5048ZM8.97723 24.3394L8.56234 24.8676L4.17723 30.4222L3.29346 31.5433L4.62923 32.0238L19.5015 37.3739L20.1896 37.6227L20.6383 37.04L25.698 30.463L26.6256 29.2567L25.1684 28.8512L9.62151 24.5234L8.97723 24.3428V24.3394Z" fill="white"/>
+<path d="M8.68042 24.6528L26.1467 19.698L43.6095 24.6528L26.1467 29.6077L8.68042 24.6528Z" fill="#F4B539"/>
+<path d="M26.1465 20.0523L42.3613 24.6527L26.1465 29.2532L9.93169 24.6527L26.1465 20.0523ZM26.1465 19.3435L25.9643 19.3946L9.74954 23.9951L7.43555 24.6527L9.74954 25.3104L25.9643 29.9109L26.1465 29.962L26.3286 29.9109L42.5434 25.3104L44.8574 24.6527L42.5434 23.9951L26.3286 19.3946L26.1465 19.3435Z" fill="white"/>
+<path d="M26.8015 13.6555C26.8015 13.6555 30.5512 7.36134 35.3276 11.0748C40.1041 14.7841 26.2553 27.6421 26.2553 27.6421C26.2553 27.6421 13.8973 15.7549 18.2466 11.137C22.5959 6.51908 26.8015 13.6514 26.8015 13.6514V13.6555Z" fill="#27372A"/>
+<path d="M38.5552 10.0584L41.9106 6.66858" stroke="#27382B" stroke-width="1.37697" stroke-linejoin="round"/>
+<path d="M33.5286 6.56485L35.0112 2.00916" stroke="#27382B" stroke-width="1.37697" stroke-linejoin="round"/>
+<path d="M14.3901 11.3174L10.3311 8.80725" stroke="#27382B" stroke-width="1.37697" stroke-linejoin="round"/>
+<path d="M18.9391 6.62877L16.4304 2.54614" stroke="#27382B" stroke-width="1.37697" stroke-linejoin="round"/>
+<path d="M26.3593 5.45606L26.3417 0.661404" stroke="#27382B" stroke-width="1.37697" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1473_888">
+<rect width="48" height="48" fill="white" transform="translate(0.5 0.499878)"/>
+</clipPath>
+<clipPath id="clip1_1473_888">
+<rect width="49" height="51" fill="white" transform="translate(0 -1.00012)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/inline/thanks-mail.svg b/src/assets/icons/inline/thanks-mail.svg
deleted file mode 100644
index 08a66d2fe4..0000000000
--- a/src/assets/icons/inline/thanks-mail.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="34" height="36" viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1376_428)">
-<path d="M0.757812 14.9788V33.2199L3.78812 34.3599L27.273 34.7399L32.576 33.2199V14.5988L19.6972 3.57816L17.2351 1.48804L0.757812 14.9788Z" stroke="#27372A" stroke-width="1.66667"/>
-<path d="M3.85224 19.171L3.28027 5.93953L29.0682 5.89246L29.7235 19.0683L29.8257 32.0798H3.85224V19.171Z" fill="#F4B539"/>
-<path d="M13.0684 24.2894L0.757812 33.2199" stroke="#27372A" stroke-width="1.66667"/>
-<path d="M0.757812 14.9788L14.5836 25.4294H17.2351L32.576 14.5988" stroke="#27372A" stroke-width="1.66667"/>
-<path d="M18.9395 24.4528L30.7766 33.3225" stroke="#27372A" stroke-width="1.66667"/>
-</g>
-<defs>
-<clipPath id="clip0_1376_428">
-<rect width="33.3333" height="35" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/components/Thanks/NotifyMe.vue b/src/components/Thanks/NotifyMe.vue
index 47de293838..40ce48e4e4 100644
--- a/src/components/Thanks/NotifyMe.vue
+++ b/src/components/Thanks/NotifyMe.vue
@@ -19,7 +19,7 @@
 								:show-number="false"
 							/>
 							<div class="tw-absolute">
-								<mail-icon class="tw-h-4.5 tw-w-4" />
+								<rewards-icon class="tw-h-4.5 tw-w-4" />
 							</div>
 						</div>
 						<p class="tw-text-right tw-font-medium">
@@ -63,7 +63,7 @@
 </template>
 <script>
 import KvProgressCircle from '@/components/Kv/KvProgressCircle';
-import MailIcon from '@/assets/icons/inline/thanks-mail.svg';
+import RewardsIcon from '@/assets/icons/inline/rewards.svg';
 import teamGoalInfo from '@/plugins/team-goal-mixin';
 import { mdiCheckCircleOutline } from '@mdi/js';
 import KvButton from '~/@kiva/kv-components/vue/KvButton';
@@ -77,7 +77,7 @@ export default {
 	components: {
 		KvProgressCircle,
 		KvMaterialIcon,
-		MailIcon,
+		RewardsIcon,
 		KvButton,
 		KvPageContainer,
 		KvGrid