Show total at end of list

This commit is contained in:
Lim Chee Aun 2024-01-31 09:03:33 +08:00
parent 46d7cba1ea
commit 28bb66f185
2 changed files with 47 additions and 25 deletions

View file

@ -45,12 +45,15 @@ function FollowedHashtags() {
</header> </header>
<main> <main>
{followedHashtags.length > 0 ? ( {followedHashtags.length > 0 ? (
<>
<ul class="link-list"> <ul class="link-list">
{followedHashtags.map((tag) => ( {followedHashtags.map((tag) => (
<li> <li>
<Link <Link
to={ to={
instance ? `/${instance}/t/${tag.name}` : `/t/${tag.name}` instance
? `/${instance}/t/${tag.name}`
: `/t/${tag.name}`
} }
> >
<Icon icon="hashtag" /> <span>{tag.name}</span> <Icon icon="hashtag" /> <span>{tag.name}</span>
@ -58,6 +61,15 @@ function FollowedHashtags() {
</li> </li>
))} ))}
</ul> </ul>
{followedHashtags.length > 1 && (
<footer class="ui-state">
<small class="insignificant">
{followedHashtags.length} hashtag
{followedHashtags.length === 1 ? '' : 's'}
</small>
</footer>
)}
</>
) : uiState === 'loading' ? ( ) : uiState === 'loading' ? (
<p class="ui-state"> <p class="ui-state">
<Loader abrupt /> <Loader abrupt />

View file

@ -61,6 +61,7 @@ function Lists() {
</header> </header>
<main> <main>
{lists.length > 0 ? ( {lists.length > 0 ? (
<>
<ul class="link-list"> <ul class="link-list">
{lists.map((list) => ( {lists.map((list) => (
<li> <li>
@ -85,6 +86,15 @@ function Lists() {
</li> </li>
))} ))}
</ul> </ul>
{lists.length > 1 && (
<footer class="ui-state">
<small class="insignificant">
{lists.length} list
{lists.length === 1 ? '' : 's'}
</small>
</footer>
)}
</>
) : uiState === 'loading' ? ( ) : uiState === 'loading' ? (
<p class="ui-state"> <p class="ui-state">
<Loader /> <Loader />