From 5f2d5266271067debc3f8592d44b4c0c2c924034 Mon Sep 17 00:00:00 2001
From: Antonin CARLIN <antonin.carlin@icloud.com>
Date: Mon, 6 Jan 2025 17:17:02 +0100
Subject: [PATCH] feature: set expo update id

---
 .github/workflows/eas-update-develop.yml      |  2 +-
 src/features/profil/components/Version.tsx    | 32 ++++++++++++++++++-
 src/features/profil/pages/dashboard/index.tsx | 32 ++++++++++---------
 3 files changed, 49 insertions(+), 17 deletions(-)

diff --git a/.github/workflows/eas-update-develop.yml b/.github/workflows/eas-update-develop.yml
index 6928083bd..9761778f1 100644
--- a/.github/workflows/eas-update-develop.yml
+++ b/.github/workflows/eas-update-develop.yml
@@ -98,5 +98,5 @@ jobs:
           token: ${{ secrets.EXPO_TOKEN }}
       - name: Insert envs into eas.json
         run: node .github/scripts/prepare-eas-envs.js
-      - name: Build android & iOS
+      - name: Update android & iOS
         run: node .github/scripts/update.mjs
diff --git a/src/features/profil/components/Version.tsx b/src/features/profil/components/Version.tsx
index 26f7aba50..de9e8c136 100644
--- a/src/features/profil/components/Version.tsx
+++ b/src/features/profil/components/Version.tsx
@@ -1,10 +1,40 @@
+import React from 'react'
+import { TouchableOpacity } from 'react-native'
 import Text from '@/components/base/Text'
 import clientEnv from '@/config/clientEnv'
+import { format } from 'date-fns'
 import { nativeBuildVersion } from 'expo-application'
 import Constants from 'expo-constants'
-import { isWeb } from 'tamagui'
+import * as Update from 'expo-updates'
+import { isWeb, YStack } from 'tamagui'
 
 export default function Version() {
+  const [showEasDate, setShowEasDate] = React.useState(false)
+  const handlePress = () => {
+    if (Update.manifest.id) setShowEasDate((x) => !x)
+  }
+  return (
+    <TouchableOpacity activeOpacity={Update.manifest?.id ? 0.2 : 1} onPress={handlePress}>
+      <YStack alignItems="center" justifyContent="center" gap="$medium">
+        <VersionText />
+        {showEasDate ? (
+          <YStack alignItems="center" gap="$xsmall">
+            <Text.SM alignSelf="center" secondary>
+              {Update.manifest?.id ?? 'store-update'}
+            </Text.SM>
+            {Update.createdAt ? (
+              <Text.SM alignSelf="center" secondary>
+                {format(new Date(), 'yyyy-MM-dd HH:mm:ss')}
+              </Text.SM>
+            ) : null}
+          </YStack>
+        ) : null}
+      </YStack>
+    </TouchableOpacity>
+  )
+}
+
+function VersionText() {
   return (
     <Text.SM alignSelf="center">
       Version {Constants.expoConfig?.version ?? '0.0.0'} [{isWeb ? '' : nativeBuildVersion}
diff --git a/src/features/profil/pages/dashboard/index.tsx b/src/features/profil/pages/dashboard/index.tsx
index 6436d8cc4..e5b517e98 100644
--- a/src/features/profil/pages/dashboard/index.tsx
+++ b/src/features/profil/pages/dashboard/index.tsx
@@ -68,23 +68,25 @@ const DashboardScreen = () => {
 
         <YStack justifyContent="center" alignItems="center">
           <SafeAreaView edges={['bottom']}>
-            <VoxCard.Content pt={24}>
-              <XStack gap={6} alignItems="center">
-                <XStack width="100%" flexShrink={1}>
-                  <Text.LG multiline semibold>
-                    {isAdherent ? 'Désadhérer et supprimer mon compte' : 'Supprimer mon compte'}
-                  </Text.LG>
+            <VoxCard.Content pt={24} gap="$xxxlarge">
+              <YStack gap="$medium">
+                <XStack gap={6} alignItems="center">
+                  <XStack width="100%" flexShrink={1}>
+                    <Text.LG multiline semibold>
+                      {isAdherent ? 'Désadhérer et supprimer mon compte' : 'Supprimer mon compte'}
+                    </Text.LG>
+                  </XStack>
                 </XStack>
-              </XStack>
-              <Text.P>
-                {isAdherent
-                  ? 'Cette action est définitive, vous devrez à nouveau payer une cotisation pour réadhérer. Nous ne serons pas en mesure de restaurer votre historique.'
-                  : 'Cette action est définitive et entraintera la suppression de toutes vos informations personnelles. Nous ne serons pas en mesure de restaurer votre historique.'}
-                <Text.BR />
-                <Text.P link color="$orange6" onPress={removeAccount}>
-                  {isAdherent ? 'Je veux désadhérer !' : 'Supprimer mon compte'}
+                <Text.P>
+                  {isAdherent
+                    ? 'Cette action est définitive, vous devrez à nouveau payer une cotisation pour réadhérer. Nous ne serons pas en mesure de restaurer votre historique.'
+                    : 'Cette action est définitive et entraintera la suppression de toutes vos informations personnelles. Nous ne serons pas en mesure de restaurer votre historique.'}
+                  <Text.BR />
+                  <Text.P link color="$orange6" onPress={removeAccount}>
+                    {isAdherent ? 'Je veux désadhérer !' : 'Supprimer mon compte'}
+                  </Text.P>
                 </Text.P>
-              </Text.P>
+              </YStack>
               <Version />
             </VoxCard.Content>
           </SafeAreaView>