From 515535a5b3ea6762975b3d0135568360c17ddbe3 Mon Sep 17 00:00:00 2001
From: Marc Ole Bulling <Marc-Ole@gmx.de>
Date: Wed, 14 May 2025 10:34:51 +0200
Subject: [PATCH] =?UTF-8?q?ui:=20=F0=9F=8E=A8=20changed=20"last=20changes"?=
 =?UTF-8?q?=20to=20a=20more=20human-readable=20format?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Components/Repo/Repo.tsx | 29 +++++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/Components/Repo/Repo.tsx b/Components/Repo/Repo.tsx
index 6ddf110..8327cdc 100644
--- a/Components/Repo/Repo.tsx
+++ b/Components/Repo/Repo.tsx
@@ -11,7 +11,7 @@ import {
 import StorageBar from '../UI/StorageBar/StorageBar';
 import QuickCommands from './QuickCommands/QuickCommands';
 import { Repository, WizardEnvType, Optional } from '~/types';
-import { fromUnixTime } from 'date-fns';
+import { fromUnixTime, formatDistanceStrict } from 'date-fns';
 
 type RepoProps = Omit<Repository, 'unixUser' | 'displayDetails'> & {
   repoManageEditHandler: () => void;
@@ -123,8 +123,19 @@ export default function Repo(props: RepoProps) {
                     <StorageBar storageUsed={props.storageUsed} storageSize={props.storageSize} />
                   </th>
                   <th>
-                    <div className={classes.lastSave}>
-                      {props.lastSave === 0 ? '-' : fromUnixTime(props.lastSave).toLocaleString()}
+                    <div
+                      className={classes.lastSave}
+                      title={
+                        props.lastSave === 0
+                          ? undefined
+                          : fromUnixTime(props.lastSave).toLocaleString()
+                      }
+                    >
+                      {props.lastSave === 0
+                        ? '-'
+                        : formatDistanceStrict(fromUnixTime(props.lastSave), Date.now(), {
+                            addSuffix: true,
+                          })}
                     </div>
                   </th>
                   <th>#{props.id}</th>
@@ -158,7 +169,17 @@ export default function Repo(props: RepoProps) {
               )}
             </div>
             <div className={classes.lastSave}>
-              {props.lastSave === 0 ? null : fromUnixTime(props.lastSave).toLocaleString()}
+              <span
+                title={
+                  props.lastSave === 0 ? undefined : fromUnixTime(props.lastSave).toLocaleString()
+                }
+              >
+                {props.lastSave === 0
+                  ? '-'
+                  : formatDistanceStrict(fromUnixTime(props.lastSave), Date.now(), {
+                      addSuffix: true,
+                    })}
+              </span>
               <span style={{ marginLeft: '20px', color: '#637381' }}>#{props.id}</span>
             </div>
           </div>