Add 'createdAt' to account

Show when it was last connected

src/components/ICONS.jsx

@@ -146,6 +146,7 @@ export const ICONS = {
   },
   'account-edit': () => import('@iconify-icons/mingcute/user-edit-line'),
   'account-warning': () => import('@iconify-icons/mingcute/user-warning-line'),
+  'account-add': () => import('@iconify-icons/mingcute/user-add-2-line'),
   keyboard: () => import('@iconify-icons/mingcute/keyboard-line'),
   cloud: () => import('@iconify-icons/mingcute/cloud-line'),
   month: {

src/components/relative-time.jsx

@@ -47,8 +47,10 @@ const rtfFromNow = (date) => {
     return rtf.format(Math.floor(seconds / hour), 'hour');
   } else if (absSeconds < 30 * day) {
     return rtf.format(Math.floor(seconds / day), 'day');
-  } else {
+  } else if (absSeconds < 365 * day) {
     return rtf.format(Math.floor(seconds / day / 30), 'month');
+  } else {
+    return rtf.format(Math.floor(seconds / day / 365), 'year');
   }
 };
 

src/pages/accounts.jsx

@@ -12,7 +12,9 @@ import MenuConfirm from '../components/menu-confirm';
 import MenuLink from '../components/menu-link';
 import Menu2 from '../components/menu2';
 import NameText from '../components/name-text';
+import RelativeTime from '../components/relative-time';
 import { api } from '../utils/api';
+import niceDateTime from '../utils/nice-date-time';
 import states from '../utils/states';
 import store from '../utils/store';
 import { getCurrentAccountID, setCurrentAccountID } from '../utils/store-utils';
@@ -197,6 +199,17 @@ function Accounts({ onClose }) {
                           <Trans>Log out…</Trans>
                         </span>
                       </MenuConfirm>
+                      {!!account?.createdAt && (
+                        <div class="footer">
+                          <Icon icon="account-add" />
+                          <span>
+                            <Trans>
+                              Connected on {niceDateTime(account.createdAt)} (
+                              <RelativeTime datetime={account.createdAt} />)
+                            </Trans>
+                          </span>
+                        </div>
+                      )}
                     </Menu2>
                   </div>
                 </li>

src/utils/api.js

@@ -178,6 +178,7 @@ export async function initAccount(client, instance, accessToken, vapidKey) {
     instanceURL: instance.toLowerCase(),
     accessToken,
     vapidKey,
+    createdAt: Date.now(),
   });
 }