chore: Minor fix

2024-11-12 21:26:33 +05:30
parent f0c5d214e7
commit 42a9e8dc82
4 changed files with 17 additions and 8 deletions
@@ -179,6 +179,7 @@ const updateCurrentPage = page => {
        class="sticky bottom-0 z-10 px-4 pb-4"
      >
        <PaginationFooter
+          current-page-info="CONTACTS_LAYOUT.PAGINATION_FOOTER.SHOWING"
          :current-page="currentPage"
          :total-items="totalItems"
          :items-per-page="itemsPerPage"
@@ -17,6 +17,10 @@ const props = defineProps({
    type: Number,
    default: 16,
  },
+  currentPageInfo: {
+    type: String,
+    default: '',
+  },
 });
 const emit = defineEmits(['update:currentPage']);
 const { t } = useI18n();
@@ -39,11 +43,14 @@ const changePage = newPage => {
 };

 const currentPageInformation = computed(() => {
-  return t('PAGINATION_FOOTER.SHOWING', {
-    startItem: startItem.value,
-    endItem: endItem.value,
-    totalItems: props.totalItems,
-  });
+  return t(
+    props.currentPageInfo ? props.currentPageInfo : 'PAGINATION_FOOTER.SHOWING',
+    {
+      startItem: startItem.value,
+      endItem: endItem.value,
+      totalItems: props.totalItems,
+    }
+  );
 });

 const pageInfo = computed(() => {
@@ -37,7 +37,6 @@ const emit = defineEmits(['update:modelValue']);

 const { t } = useI18n();

-const phoneInputRef = ref(null);
 const hasInputFocused = ref(false);
 const showDropdown = ref(false);
 const searchQuery = ref('');
@@ -179,7 +178,6 @@ watch(
      :class="[inputBorderClass, { 'cursor-not-allowed opacity-50': disabled }]"
    >
      <Input
-        ref="phoneInputRef"
        :model-value="phoneNumber"
        type="tel"
        :placeholder="placeholder"
@@ -201,7 +199,7 @@ watch(
              "
              trailing-icon
              :disabled="disabled"
-              class="!h-[30px] top-1 !px-2 outline-0 !rounded-[8px] border-0 ltr:!rounded-r-none rtl:!rounded-l-none"
+              class="!h-[30px] top-1 !px-2 outline-0 !rounded-lg border-0 ltr:!rounded-r-none rtl:!rounded-l-none"
              @click="toggleCountryDropdown"
            >
              <span
@@ -443,6 +443,9 @@
        }
      }
    },
+    "PAGINATION_FOOTER": {
+      "SHOWING": "Showing {startItem} - {endItem} of {totalItems} contacts"
+    },
    "CARD": {
      "OF": "of",
      "VIEW_DETAILS": "View details",