mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-02-09 17:47:34 +01:00
Show total at end of list
This commit is contained in:
parent
46d7cba1ea
commit
28bb66f185
2 changed files with 47 additions and 25 deletions
|
@ -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 />
|
||||||
|
|
|
@ -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 />
|
||||||
|
|
Loading…
Reference in a new issue