diff --git a/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx b/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx index 5fe8772c3..d5d0e0dc0 100644 --- a/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx +++ b/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx @@ -1,9 +1,11 @@ import { FC, useEffect, useState } from 'react'; import { Col, Pagination, Row, Skeleton } from 'antd'; +import { ErrorBoundary } from 'react-error-boundary'; import { Follower } from '../../../../interfaces/follower'; import { SingleFollower } from '../SingleFollower/SingleFollower'; import styles from './FollowerCollection.module.scss'; import { FollowButton } from '../../../action-buttons/FollowButton'; +import { ComponentError } from '../../ComponentError/ComponentError'; export type FollowerCollectionProps = { name: string; @@ -67,27 +69,38 @@ export const FollowerCollection: FC = ({ name, onFollow } return ( -
- - {followers.map(follower => ( - - - - ))} - + ( + + )} + > +
+ + {followers.map(follower => ( + + + + ))} + - { - setPage(p); - }} - hideOnSinglePage - /> -
+ { + setPage(p); + }} + hideOnSinglePage + /> +
+ ); };