feat: add last activity date time (#57)

* feat: add last activity date time

* chore: update missing files

* chore: improve last seen message to inclute timezone

* chore: remove the formatting from backend

* chore: fix client issues

* fix: add utd to formatting in the client

* fix lint issue

* chore: fix lastLogin always showing the current login

* fix: address sidebar and sign-in review comments

Agent-Logs-Url: https://github.com/RMCampos/tasknote/sessions/04a13c25-87ea-44cc-ac53-cfefd16e0262

Co-authored-by: RMCampos <2219519+RMCampos@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: RMCampos <2219519+RMCampos@users.noreply.github.com>

Author: RMCampos

client/src/components/Sidebar/index.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Nav } from 'react-bootstrap';
 import { NavLink } from 'react-router';
 import { useTranslation } from 'react-i18next';
@@ -22,6 +22,7 @@ interface Props {
 function Sidebar(props: React.PropsWithChildren<Props>): React.ReactNode {
   const { signOut, user } = useContext(AuthContext);
   const { currentPage, setNewPage } = useContext(SidebarContext);
+  const [lastSeen, setLastSeen] = useState('');
   const { t } = useTranslation();
   const build = `Build: ${env.VITE_BUILD}`;
 
@@ -46,7 +47,25 @@ function Sidebar(props: React.PropsWithChildren<Props>): React.ReactNode {
     return '';
   };
 
-  useEffect(() => {}, [user, currentPage]);
+  useEffect(() => {
+    if (user && user.lastLogin) {
+      const utcString = user.lastLogin.endsWith('Z') ? user.lastLogin : `${user.lastLogin}Z`;
+      const date = new Date(utcString);
+      if (Number.isNaN(date.getTime())) {
+        setLastSeen('');
+        return;
+      }
+      const fmtted = date.toLocaleString(navigator.language, {
+        timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit'
+      });
+      setLastSeen(fmtted);
+    }
+  }, [user]);
 
   return (
     <>
@@ -95,9 +114,12 @@ function Sidebar(props: React.PropsWithChildren<Props>): React.ReactNode {
 
         {/* Footer at the bottom */}
         <div className="mt-auto text-center text-muted py-3">
-          <small data-testid="footer-text">
-            {build}
-          </small>
+          {lastSeen && (
+            <div>
+              <small>{t('sidebar_last_seen', { time: lastSeen })}</small>
+            </div>
+          )}
+          <small data-testid="footer-text">{build}</small>
         </div>
       </div>
 

client/src/constants/english.ts

@@ -187,6 +187,7 @@ const enTranslations = {
   account_delete_btn: 'Yes, delete everything',
 
   footer_my_account: 'My Account ',
+  sidebar_last_seen: 'Last seen {{time}}',
 
   logout: 'Logout'
 };

client/src/constants/portuguese.ts

@@ -188,6 +188,7 @@ const ptBrTranslations = {
   account_delete_btn: 'Sim, deletar tudo',
 
   footer_my_account: 'Minha Conta ',
+  sidebar_last_seen: 'Último acesso {{time}}',
 
   logout: 'Sair'
 };

client/src/constants/russian.ts

@@ -187,6 +187,7 @@ const ruTranslations = {
   account_delete_btn: 'Да, удалить все',
 
   footer_my_account: 'Мой аккаунт ',
+  sidebar_last_seen: 'Последний вход {{time}}',
 
   logout: 'Выйти'
 };

client/src/constants/spanish.ts

@@ -187,6 +187,7 @@ const esTranslations = {
   account_delete_btn: 'Sí, borra todo',
 
   footer_my_account: 'Mi Cuenta ',
+  sidebar_last_seen: 'Último acceso {{time}}',
 
   logout: 'Cerrar sesión'
 };

client/src/context/AuthProvider.tsx

@@ -97,7 +97,8 @@ const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }: Pro
         admin: registerResponse.admin,
         createdAt: new Date(registerResponse.createdAt),
         gravatarImageUrl: registerResponse.gravatarImageUrl,
-        lang: registerResponse.lang
+        lang: registerResponse.lang,
+        lastLogin: registerResponse.lastLogin
       };
 
       setSigned(true);

client/src/types/SigninResponse.ts

@@ -7,4 +7,5 @@ export type SignInResponse = {
   token: string;
   gravatarImageUrl: string;
   lang: string;
+  lastLogin: string;
 };

client/src/types/UserResponse.ts

@@ -6,4 +6,5 @@ export type UserResponse = {
   createdAt: Date;
   gravatarImageUrl: string;
   lang: string;
+  lastLogin: string;
 };

server/src/main/java/br/com/tasknoteapp/server/entity/UserEntity.java

@@ -58,6 +58,9 @@ public class UserEntity implements UserDetails {
   @Column(name = "last_password_change", nullable = false)
   private LocalDateTime lastPasswordChange;
 
+  @Column(name = "last_login")
+  private LocalDateTime lastLogin;
+
   @Override
   public Collection<? extends GrantedAuthority> getAuthorities() {
     return List.of();
@@ -173,4 +176,12 @@ public LocalDateTime getLastPasswordChange() {
   public void setLastPasswordChange(LocalDateTime lastPasswordChange) {
     this.lastPasswordChange = lastPasswordChange;
   }
+
+  public LocalDateTime getLastLogin() {
+    return lastLogin;
+  }
+
+  public void setLastLogin(LocalDateTime lastLogin) {
+    this.lastLogin = lastLogin;
+  }
 }

server/src/main/java/br/com/tasknoteapp/server/response/UserResponse.java

@@ -11,6 +11,7 @@ public record UserResponse(
     Boolean admin,
     LocalDateTime createdAt,
     LocalDateTime inactivatedAt,
+    LocalDateTime lastLogin,
     String gravatarImageUrl) {
 
   /**
@@ -27,6 +28,7 @@ public static UserResponse fromEntity(UserEntity user, String gravatarUrl) {
         user.getAdmin(),
         user.getCreatedAt(),
         user.getInactivatedAt(),
+        user.getLastLogin(),
         gravatarUrl);
   }
 }