last update info address edit page (#519)

Author: zebuline

public/mobile-app/src/routes/edit-address/+page.svelte

@@ -5,7 +5,9 @@
   import { type AddressFromBAN, callBAN } from '$lib/addressesFromBAN'
   import { buildAgenda } from '$lib/agenda'
   import NavWithBackButton from '$lib/components/NavWithBackButton.svelte'
+  import type { DataOrigin } from '$lib/state/User.svelte'
   import { userStore } from '$lib/state/User.svelte'
+  import { formatDate } from '$lib/utils'
 
   let addressFromUserStore: Address | undefined = $state()
   let timer: any
@@ -17,18 +19,23 @@
   let selectedAddress: Address | undefined = $state()
   let hasSelectedAddress: boolean = $state(false)
   let submittedAddress: Address | undefined = $state()
+  let address_origin: DataOrigin | undefined = $state()
+  let address_last_update: Date | undefined = $state()
 
   onMount(() => {
     if (!userStore.connected) {
       goto('/')
       return
     } else {
-      addressFromUserStore = userStore.connected.identity.address
+      const identity = userStore.connected.identity
+      addressFromUserStore = identity.address
       if (addressFromUserStore) {
         hasSelectedAddress = true
         selectedAddress = addressFromUserStore
         submittedAddress = addressFromUserStore
       }
+      address_origin = identity.dataDetails.address.origin
+      address_last_update = identity.dataDetails.address.lastUpdate
     }
   })
 
@@ -128,7 +135,7 @@
 <div class="address-form-page">
   <NavWithBackButton title="Où habitez-vous&nbsp;?" />
 
-  <div class="address-content-container">
+  <div class="address-content-container" data-testid="container">
     <p>
       L'adresse de votre <strong>résidence principale</strong> permet de
       <strong>faciliter la communication</strong> avec les administrations.
@@ -185,7 +192,16 @@
             </ul>
           {/if}
         </div>
-        <div class="fr-messages-group" id="text-messages" aria-live="polite"></div>
+        <div
+          class="fr-messages-group data-update-info"
+          id="text-messages"
+          aria-live="polite"
+        >
+          {#if address_origin == 'user' && address_last_update}
+            Vous avez modifié cette information le
+            {formatDate(address_last_update)}.
+          {/if}
+        </div>
       </fieldset>
     </form>
 
@@ -260,6 +276,11 @@
             margin: 0;
           }
         }
+        .data-update-info {
+          font-size: 0.75rem;
+          line-height: 1.25rem;
+          color: var(--text-mention-grey);
+        }
 
         .fr-input-group:not(:last-child) {
           margin-bottom: 0;

public/mobile-app/src/routes/edit-address/page.svelte.test.ts

@@ -55,6 +55,57 @@ describe('/+page.svelte', () => {
     vi.resetAllMocks()
   })
 
+  test('should display the last update date', async () => {
+    // Given
+    const newMockUserIdentity = JSON.parse(JSON.stringify(mockUserIdentity))
+    newMockUserIdentity.dataDetails.address.origin = 'user'
+    newMockUserIdentity.dataDetails.address.lastUpdate = '2026-01-15'
+    localStorage.setItem('user_identity', JSON.stringify(newMockUserIdentity))
+    await userStore.login(mockUserInfo)
+
+    // When
+    render(Page)
+
+    // Then
+    const container = screen.getByTestId('container')
+    expect(container).toHaveTextContent(
+      'Vous avez modifié cette information le 15/01/2026.'
+    )
+  })
+
+  test('should not display the last update date - date missing', async () => {
+    // Given
+    const newMockUserIdentity = JSON.parse(JSON.stringify(mockUserIdentity))
+    newMockUserIdentity.dataDetails.address.origin = 'user'
+    localStorage.setItem('user_identity', JSON.stringify(newMockUserIdentity))
+    await userStore.login(mockUserInfo)
+
+    // When
+    render(Page)
+
+    // Then
+    const container = screen.getByTestId('container')
+    expect(container).not.toHaveTextContent('Vous avez modifié cette information le')
+  })
+
+  test('should not display the last update date - wrong origin', async () => {
+    // Given
+    const newMockUserIdentity = JSON.parse(JSON.stringify(mockUserIdentity))
+    const choices = ['france-connect', 'api-particulier', 'cleared', undefined]
+    const random_index = Math.floor(Math.random() * choices.length)
+    newMockUserIdentity.dataDetails.address.origin = choices[random_index]
+    newMockUserIdentity.dataDetails.address.lastUpdate = '2026-01-15'
+    localStorage.setItem('user_identity', JSON.stringify(newMockUserIdentity))
+    await userStore.login(mockUserInfo)
+
+    // When
+    render(Page)
+
+    // Then
+    const container = screen.getByTestId('container')
+    expect(container).not.toHaveTextContent('Vous avez modifié cette information le')
+  })
+
   test('should display results when user enters an address', async () => {
     // When
     render(Page)