From 51bc920adaed71150853ce4420002a6939f4ce06 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 17 Mar 2023 18:58:10 +0800
Subject: [PATCH] Show last status timestamp if not being followed
---
src/components/account-info.css | 1 +
src/components/account-info.jsx | 11 +++++++++--
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/components/account-info.css b/src/components/account-info.css
index 71c946ca..8184aac5 100644
--- a/src/components/account-info.css
+++ b/src/components/account-info.css
@@ -153,6 +153,7 @@
gap: 8px;
justify-content: space-between;
min-height: 2.5em;
+ align-items: center;
}
.account-container .actions button {
align-self: flex-end;
diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
index a084db00..2f020918 100644
--- a/src/components/account-info.jsx
+++ b/src/components/account-info.jsx
@@ -2,6 +2,7 @@ import './account-info.css';
import { useEffect, useRef, useState } from 'preact/hooks';
+import RelativeTime from '../components/relative-time';
import { api } from '../utils/api';
import emojifyText from '../utils/emojify-text';
import enhanceContent from '../utils/enhance-content';
@@ -359,7 +360,7 @@ function RelatedActions({ info, instance, authenticated }) {
const [relationship, setRelationship] = useState(null);
const [familiarFollowers, setFamiliarFollowers] = useState([]);
- const { id, locked } = info;
+ const { id, locked, lastStatusAt } = info;
const accountID = useRef(id);
const {
@@ -473,7 +474,13 @@ function RelatedActions({ info, instance, authenticated }) {
</p>
)}
<p class="actions">
- {followedBy ? <span class="tag">Following you</span> : <span />}{' '}
+ {followedBy ? (
+ <span class="tag">Following you</span>
+ ) : (
+ <span class="insignificant">
+ Last status: <RelativeTime datetime={lastStatusAt} format="micro" />
+ </span>
+ )}{' '}
{relationshipUIState !== 'loading' && relationship && (
<button
type="button"