this repo has no description
Add 'createdAt' to account
Show when it was last connected
+18
-1
+1
src/components/ICONS.jsx
+1
src/components/ICONS.jsx
···
146
146
},
147
147
'account-edit': () => import('@iconify-icons/mingcute/user-edit-line'),
148
148
'account-warning': () => import('@iconify-icons/mingcute/user-warning-line'),
149
+
'account-add': () => import('@iconify-icons/mingcute/user-add-2-line'),
149
150
keyboard: () => import('@iconify-icons/mingcute/keyboard-line'),
150
151
cloud: () => import('@iconify-icons/mingcute/cloud-line'),
151
152
month: {
+3
-1
src/components/relative-time.jsx
+3
-1
src/components/relative-time.jsx
···
47
47
return rtf.format(Math.floor(seconds / hour), 'hour');
48
48
} else if (absSeconds < 30 * day) {
49
49
return rtf.format(Math.floor(seconds / day), 'day');
50
-
} else {
50
+
} else if (absSeconds < 365 * day) {
51
51
return rtf.format(Math.floor(seconds / day / 30), 'month');
52
+
} else {
53
+
return rtf.format(Math.floor(seconds / day / 365), 'year');
52
54
}
53
55
};
54
56
+13
src/pages/accounts.jsx
+13
src/pages/accounts.jsx
···
12
12
import MenuLink from '../components/menu-link';
13
13
import Menu2 from '../components/menu2';
14
14
import NameText from '../components/name-text';
15
+
import RelativeTime from '../components/relative-time';
15
16
import { api } from '../utils/api';
17
+
import niceDateTime from '../utils/nice-date-time';
16
18
import states from '../utils/states';
17
19
import store from '../utils/store';
18
20
import { getCurrentAccountID, setCurrentAccountID } from '../utils/store-utils';
···
197
199
<Trans>Log out…</Trans>
198
200
</span>
199
201
</MenuConfirm>
202
+
{!!account?.createdAt && (
203
+
<div class="footer">
204
+
<Icon icon="account-add" />
205
+
<span>
206
+
<Trans>
207
+
Connected on {niceDateTime(account.createdAt)} (
208
+
<RelativeTime datetime={account.createdAt} />)
209
+
</Trans>
210
+
</span>
211
+
</div>
212
+
)}
200
213
</Menu2>
201
214
</div>
202
215
</li>