From a492d86d362bc9b200017e5cbe3679ffccfbcd1e Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 20 Jun 2024 12:36:39 +0530
Subject: [PATCH] fix: changed $ in organization causing confusion

---
 frontend/src/components/Icons/MoneyIcon.vue | 18 ++++++++++++++++++
 frontend/src/pages/Organization.vue         |  5 +++--
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/components/Icons/MoneyIcon.vue

diff --git a/frontend/src/components/Icons/MoneyIcon.vue b/frontend/src/components/Icons/MoneyIcon.vue
new file mode 100644
index 00000000..4adefa10
--- /dev/null
+++ b/frontend/src/components/Icons/MoneyIcon.vue
@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-circle-dollar-sign"
+  >
+    <circle cx="12" cy="12" r="10" />
+    <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8" />
+    <path d="M12 18V6" />
+  </svg>
+</template>
diff --git a/frontend/src/pages/Organization.vue b/frontend/src/pages/Organization.vue
index de97e444..89f3c2b8 100644
--- a/frontend/src/pages/Organization.vue
+++ b/frontend/src/pages/Organization.vue
@@ -103,8 +103,8 @@
                 v-if="organization.doc.annual_revenue"
                 class="flex items-center gap-1.5"
               >
-                <FeatherIcon name="dollar-sign" class="h-4 w-4" />
-                <span class="">{{ organization.doc.annual_revenue }}</span>
+                <MoneyIcon class="size-4" />
+                <span class="">{{ formatNumberIntoCurrency(organization.doc.annual_revenue) }}</span>
               </div>
               <span
                 v-if="organization.doc.annual_revenue"
@@ -231,6 +231,7 @@ import DealsListView from '@/components/ListViews/DealsListView.vue'
 import ContactsListView from '@/components/ListViews/ContactsListView.vue'
 import WebsiteIcon from '@/components/Icons/WebsiteIcon.vue'
 import TerritoryIcon from '@/components/Icons/TerritoryIcon.vue'
+import MoneyIcon from '@/components/Icons/MoneyIcon.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import DealsIcon from '@/components/Icons/DealsIcon.vue'