diff --git a/src/app.css b/src/app.css index 175ec388..d92bd4b9 100644 --- a/src/app.css +++ b/src/app.css @@ -1170,6 +1170,17 @@ meter.donut:is(.danger, .explode):after { text-shadow: 0 1px var(--bg-color); } +/* ACCOUNT STATUSES */ + +.header-account { + font-size: 90% !important; + cursor: pointer; +} +.header-account div { + font-weight: normal; + color: var(--text-insignificant-color); +} + @media (min-width: 40em) { html, body { diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx index 4d3a7cd8..4b2d6597 100644 --- a/src/components/timeline.jsx +++ b/src/components/timeline.jsx @@ -10,6 +10,7 @@ import Status from './status'; function Timeline({ title, + titleComponent, path, id, emptyText, @@ -90,7 +91,8 @@ function Timeline({ -

{title}

+ {uiState !== 'loading' && + (titleComponent ? titleComponent :

{title}

)}
diff --git a/src/pages/account-statuses.jsx b/src/pages/account-statuses.jsx index 9a68b7a7..69a8aca6 100644 --- a/src/pages/account-statuses.jsx +++ b/src/pages/account-statuses.jsx @@ -2,6 +2,7 @@ import { useEffect, useRef, useState } from 'preact/hooks'; import { useParams } from 'react-router-dom'; import Timeline from '../components/timeline'; +import states from '../utils/states'; const LIMIT = 20; @@ -34,6 +35,19 @@ function AccountStatuses() { { + states.showAccount = account; + }} + > + {account?.displayName} +
+ @{account?.acct} +
+ + } path="/a/:id" id="account_statuses" emptyText="Nothing to see here yet."