Shun Miyazawa há 4 anos atrás
pai
commit
3955f3971f
1 ficheiros alterados com 3 adições e 1 exclusões
  1. 3 1
      packages/app/src/components/TagPage.tsx

+ 3 - 1
packages/app/src/components/TagPage.tsx

@@ -11,6 +11,7 @@ import TagList from './TagList';
 const PAGING_LIMIT = 10;
 const PAGING_LIMIT = 10;
 
 
 const TagPage: FC = () => {
 const TagPage: FC = () => {
+  const [activePage, setActivePage] = useState<number>(1);
   const [offset, setOffset] = useState<number>(0);
   const [offset, setOffset] = useState<number>(0);
 
 
   const { data: tagDataList, error } = useSWRxTagsList(PAGING_LIMIT, offset);
   const { data: tagDataList, error } = useSWRxTagsList(PAGING_LIMIT, offset);
@@ -21,6 +22,7 @@ const TagPage: FC = () => {
   const { t } = useTranslation('');
   const { t } = useTranslation('');
 
 
   const setOffsetByPageNumber = useCallback((selectedPageNumber: number) => {
   const setOffsetByPageNumber = useCallback((selectedPageNumber: number) => {
+    setActivePage(selectedPageNumber);
     setOffset((selectedPageNumber - 1) * PAGING_LIMIT);
     setOffset((selectedPageNumber - 1) * PAGING_LIMIT);
   }, []);
   }, []);
 
 
@@ -42,7 +44,7 @@ const TagPage: FC = () => {
             <TagList
             <TagList
               tagData={tagData}
               tagData={tagData}
               totalTags={totalCount}
               totalTags={totalCount}
-              activePage={1 + (offset / 10)} // activePage = 1 + offset / 10
+              activePage={activePage}
               onChangePage={setOffsetByPageNumber}
               onChangePage={setOffsetByPageNumber}
               pagingLimit={PAGING_LIMIT}
               pagingLimit={PAGING_LIMIT}
             />
             />