|
@@ -20,7 +20,7 @@ const TagsList: FC<Props> = (props: Props) => {
|
|
|
const [activePage, setActivePage] = useState(1);
|
|
const [activePage, setActivePage] = useState(1);
|
|
|
const [pagingOffset, setPagingOffset] = useState(0);
|
|
const [pagingOffset, setPagingOffset] = useState(0);
|
|
|
|
|
|
|
|
- const { data: tagsListResult, mutate } = useSWRxTagsList(PAGING_LIMIT, pagingOffset);
|
|
|
|
|
|
|
+ const { data: tagsList, mutate } = useSWRxTagsList(PAGING_LIMIT, pagingOffset);
|
|
|
|
|
|
|
|
const handlePage = (selectedPageNumber: number) => {
|
|
const handlePage = (selectedPageNumber: number) => {
|
|
|
setActivePage(selectedPageNumber);
|
|
setActivePage(selectedPageNumber);
|
|
@@ -34,17 +34,17 @@ const TagsList: FC<Props> = (props: Props) => {
|
|
|
return (
|
|
return (
|
|
|
<>
|
|
<>
|
|
|
<header className="py-0">
|
|
<header className="py-0">
|
|
|
- <h1 className="title text-center mt-5 mb-3 font-weight-bold">{`${t('Tags')}(${tagsListResult?.totalCount || 0})`}</h1>
|
|
|
|
|
|
|
+ <h1 className="title text-center mt-5 mb-3 font-weight-bold">{`${t('Tags')}(${tagsList?.totalCount || 0})`}</h1>
|
|
|
</header>
|
|
</header>
|
|
|
<div className="row text-center">
|
|
<div className="row text-center">
|
|
|
<div className="col-12 mb-5 px-5">
|
|
<div className="col-12 mb-5 px-5">
|
|
|
- <TagCloudBox tags={tagsListResult?.data || []} minSize={20} />
|
|
|
|
|
|
|
+ <TagCloudBox tags={tagsList?.data || []} minSize={20} />
|
|
|
</div>
|
|
</div>
|
|
|
<div className="col-12 tag-list mb-4">
|
|
<div className="col-12 tag-list mb-4">
|
|
|
<ul className="list-group text-left">
|
|
<ul className="list-group text-left">
|
|
|
{
|
|
{
|
|
|
- tagsListResult?.data != null && tagsListResult.data.length > 0
|
|
|
|
|
- ? tagsListResult.data.map((tag) => {
|
|
|
|
|
|
|
+ tagsList?.data != null && tagsList.data.length > 0
|
|
|
|
|
+ ? tagsList.data.map((tag) => {
|
|
|
return (
|
|
return (
|
|
|
<a key={tag.name} href={`/_search?q=tag:${tag.name}`} className="list-group-item">
|
|
<a key={tag.name} href={`/_search?q=tag:${tag.name}`} className="list-group-item">
|
|
|
<i className="icon-tag mr-2"></i>{tag.name}
|
|
<i className="icon-tag mr-2"></i>{tag.name}
|
|
@@ -60,7 +60,7 @@ const TagsList: FC<Props> = (props: Props) => {
|
|
|
<PaginationWrapper
|
|
<PaginationWrapper
|
|
|
activePage={activePage}
|
|
activePage={activePage}
|
|
|
changePage={handlePage}
|
|
changePage={handlePage}
|
|
|
- totalItemsCount={tagsListResult?.totalCount || 0}
|
|
|
|
|
|
|
+ totalItemsCount={tagsList?.totalCount || 0}
|
|
|
pagingLimit={PAGING_LIMIT}
|
|
pagingLimit={PAGING_LIMIT}
|
|
|
align="center"
|
|
align="center"
|
|
|
size="md"
|
|
size="md"
|