Shift contact email left to keep createdAt to the right most column

Signed-off-by: Gavin Jaeger-Freeborn <[email protected]>
bcgov · Dec 19, 2023 · 8f53945 · 8f53945
1 parent 898177f
commit 8f53945
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/services/tenant-ui/frontend/src/components/innkeeper/tenants/Tenants.vue b/services/tenant-ui/frontend/src/components/innkeeper/tenants/Tenants.vue
@@ -88,44 +88,44 @@
       </Column>
       <Column
         :sortable="true"
-        field="created"
-        :header="$t('common.createdAt')"
-        filter-field="created"
+        field="contact_email"
+        header="Contact Email"
+        filter-field="contact_email"
         :show-filter-match-modes="false"
       >
         <template #body="{ data }">
-          {{ data.created }}
+          <div v-if="data.contact_email" class="flex align-items-center gap-2">
+            <a :href="'mailto:' + data.contact_email">
+              {{ data.contact_email }}
+            </a>
+          </div>
         </template>
         <template #filter="{ filterModel, filterCallback }">
           <InputText
             v-model="filterModel.value"
             type="text"
             class="p-column-filter"
-            :placeholder="$t('common.searchByCreated')"
+            placeholder="Search By Contact Email"
             @input="filterCallback()"
           />
         </template>
       </Column>
       <Column
         :sortable="true"
-        field="contact_email"
-        header="Contact Email"
-        filter-field="contact_email"
+        field="created"
+        :header="$t('common.createdAt')"
+        filter-field="created"
         :show-filter-match-modes="false"
       >
         <template #body="{ data }">
-          <div v-if="data.contact_email" class="flex align-items-center gap-2">
-            <a :href="'mailto:' + data.contact_email">
-              {{ data.contact_email }}
-            </a>
-          </div>
+          {{ data.created }}
         </template>
         <template #filter="{ filterModel, filterCallback }">
           <InputText
             v-model="filterModel.value"
             type="text"
             class="p-column-filter"
-            placeholder="Search By Contact Email"
+            :placeholder="$t('common.searchByCreated')"
             @input="filterCallback()"
           />
         </template>