feat: changes

components/InterestSalesBadge.vue

@@ -0,0 +1,44 @@
+<template>
+  <v-chip :color="badgeColor" small>
+    {{ salesProcessLevel }}
+  </v-chip>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, computed } from "vue";
+
+type InterestSalesProcessLevel =
+  | "General Qualified Interest"
+  | "Specific Qualified Interest"
+  | "LOI and NDA Sent"
+  | "Signed LOI and NDA"
+  | "Made Reservation"
+  | "Contract Negotiation"
+  | "Contract Negotiations Finalized"
+  | "Contract Signed";
+
+const props = defineProps<{
+  salesProcessLevel: InterestSalesProcessLevel;
+}>();
+
+const colorMapping: Record<InterestSalesProcessLevel, string> = {
+  "General Qualified Interest": "blue",
+  "Specific Qualified Interest": "green",
+  "LOI and NDA Sent": "orange",
+  "Signed LOI and NDA": "purple",
+  "Made Reservation": "pink",
+  "Contract Negotiation": "brown",
+  "Contract Negotiations Finalized": "teal",
+  "Contract Signed": "indigo",
+};
+
+const badgeColor = computed(() => {
+  return colorMapping[props.salesProcessLevel] || "grey";
+});
+</script>
+
+<style scoped>
+.v-chip {
+  font-size: 0.8rem;
+}
+</style>

components/LeadCategoryBadge.vue

@@ -0,0 +1,28 @@
+<template>
+  <v-chip :color="badgeColor" small>
+    {{ leadCategory }}
+  </v-chip>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, computed } from 'vue';
+
+const props = defineProps<{
+  leadCategory: string;
+}>();
+
+const colorMapping: Record<string, string> = {
+  "General": "cyan",
+  "Friends and Family": "light-green"
+};
+
+const badgeColor = computed(() => {
+  return colorMapping[props.leadCategory] || 'grey';
+});
+</script>
+
+<style scoped>
+.v-chip {
+  font-size: 0.8rem;
+}
+</style>