From 951009b9e87e1fa6952496a491950ecb18aaa717 Mon Sep 17 00:00:00 2001
From: Gail Terman <gterman@gmail.com>
Date: Wed, 27 Jul 2022 19:53:29 -0400
Subject: [PATCH] PLAN-534 fix last logged in format

---
 app/javascript/people/people_table.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/javascript/people/people_table.vue b/app/javascript/people/people_table.vue
index ee89793f4..4af0e13fa 100644
--- a/app/javascript/people/people_table.vue
+++ b/app/javascript/people/people_table.vue
@@ -98,9 +98,10 @@
         </tooltip-overflow>
       </template>
       <template #cell(current_sign_in_at)="{ item }">
-        <tooltip-overflow :title="item.current_sign_in_at" v-if="item.current_sign_in_at">
-          {{new Date(item.current_sign_in_at).toLocaleString('en', {dateStyle:'medium', timeStyle: "short", hour12: false})}}
-        </tooltip-overflow>
+        <span v-if="item.current_sign_in_at">
+          {{DateTime.fromISO(item.current_sign_in_at).toFormat("DDD, t ZZZZ")}}
+        </span>
+        <span v-if="!item.current_sign_in_at" class="font-italic text-muted">{{PERSON_NEVER_LOGGED_IN}}</span>
       </template>
       <template #cell(draft_approval)="{ item }">
         <div v-if="draftSchedule">
@@ -149,6 +150,8 @@ import searchStateMixin from '../store/search_state.mixin'
 import { formatPersonScheduleApprovalState } from '@/store/person_schedule_approval';
 import { FETCH_WORKFLOWS, scheduleWorkflowMixin } from '@/store/schedule_workflow';
 import { mapActions } from 'vuex';
+import { PERSON_NEVER_LOGGED_IN } from '@/constants/strings';
+import { DateTime } from 'luxon';
 
 export default {
   name: 'PeopleTable',
@@ -171,6 +174,8 @@ export default {
     editableIds: [],
     selectedConState: null,
     searchEmails: null,
+    PERSON_NEVER_LOGGED_IN,
+    DateTime
   }),
   computed: {
     declinedRejected() {