fix: added icon for email/phone and formatted number to currency valu…

…e in list view

frontend/src/components/ListRowItem.vue

@@ -13,7 +13,13 @@
  </Tooltip>
 </template>
 <script setup>
-import { dateFormat, timeAgo, dateTooltipFormat, htmlToText } from '@/utils'
+import {
+ dateFormat,
+ timeAgo,
+ dateTooltipFormat,
+ htmlToText,
+ formatNumberIntoCurrency,
+} from '@/utils'
 import { Tooltip } from 'frappe-ui'
 import { computed } from 'vue'
 
@@ -47,6 +53,9 @@ const label = computed(() => {
  if (props.type === 'html') {
  return htmlToText(props.value?.toString())
  }
+ if (props.type === 'currency') {
+ return formatNumberIntoCurrency(props.value)
+ }
  return props.value?.toString()
 })
 </script>

frontend/src/components/ListView.vue

@@ -75,6 +75,12 @@
  class="h-3 w-3"
  />
  </div>
+ <div v-else-if="column.type === 'email'">
+ <FeatherIcon name="mail" class="h-3 w-3" />
+ </div>
+ <div v-else-if="column.type === 'phone'">
+ <FeatherIcon name="phone" class="h-3 w-3" />
+ </div>
  </template>
  <div v-if="column.type === 'badge'">
  <Badge

frontend/src/pages/Deals.vue

@@ -147,7 +147,7 @@ const columns = [
  {
  label: 'Amount',
  key: 'annual_revenue',
- type: 'data',
+ type: 'currency',
  size: 'w-24',
  },
  {
@@ -166,7 +166,7 @@ const columns = [
  label: 'Mobile no',
  key: 'mobile_no',
  type: 'phone',
- size: 'w-32',
+ size: 'w-36',
  },
  {
  label: 'Lead owner',

frontend/src/pages/Leads.vue

@@ -153,25 +153,25 @@ const columns = [
  label: 'Organization',
  key: 'organization_name',
  type: 'logo',
- size: 'w-40',
+ size: 'w-36',
  },
  {
  label: 'Status',
  key: 'status',
  type: 'indicator',
- size: 'w-36',
+ size: 'w-32',
  },
  {
  label: 'Email',
  key: 'email',
  type: 'email',
- size: 'w-40',
+ size: 'w-44',
  },
  {
  label: 'Mobile no',
  key: 'mobile_no',
  type: 'phone',
- size: 'w-32',
+ size: 'w-36',
  },
  {
  label: 'Lead owner',

frontend/src/utils.js

@@ -122,3 +122,14 @@ export function secondsToDuration(seconds) {
  }
  return `${hours}h ${minutes}m ${_seconds}s`
 }
+
+export function formatNumberIntoCurrency(value) {
+ if (value) {
+ return value.toLocaleString('en-IN', {
+ maximumFractionDigits: 2,
+ style: 'currency',
+ currency: 'INR',
+ })
+ }
+ return ''
+}