diff --git a/packages/nicolium/src/columns/timeline.tsx b/packages/nicolium/src/columns/timeline.tsx index 450a20b1f..e9d031df3 100644 --- a/packages/nicolium/src/columns/timeline.tsx +++ b/packages/nicolium/src/columns/timeline.tsx @@ -300,10 +300,10 @@ const Timeline: React.FC = ({ query, contextType = 'public' }) => { ); }; -const HomeTimelineColumn: React.FC = () => { +const HomeTimelineColumn: React.FC = (props) => { const timelineQuery = useHomeTimeline(); - return ; + return ; }; interface IPublicTimelineColumn extends IBaseTimeline { @@ -312,82 +312,87 @@ interface IPublicTimelineColumn extends IBaseTimeline { instance?: string; } -const PublicTimelineColumn: React.FC = (params) => { - const timelineQuery = usePublicTimeline(params); +const PublicTimelineColumn: React.FC = ({ + local, + remote, + instance, + ...props +}) => { + const timelineQuery = usePublicTimeline({ local, remote, instance }); - return ; + return ; }; interface IHashtagTimelineColumn extends IBaseTimeline { hashtag: string; } -const HashtagTimelineColumn: React.FC = ({ hashtag }) => { +const HashtagTimelineColumn: React.FC = ({ hashtag, ...props }) => { const timelineQuery = useHashtagTimeline(hashtag); - return ; + return ; }; interface ILinkTimelineColumn extends IBaseTimeline { url: string; } -const LinkTimelineColumn: React.FC = ({ url }) => { +const LinkTimelineColumn: React.FC = ({ url, ...props }) => { const timelineQuery = useLinkTimeline(url); - return ; + return ; }; interface IListTimelineColumn extends IBaseTimeline { listId: string; } -const ListTimelineColumn: React.FC = ({ listId }) => { +const ListTimelineColumn: React.FC = ({ listId, ...props }) => { const timelineQuery = useListTimeline(listId); - return ; + return ; }; interface IGroupTimelineColumn extends IBaseTimeline { groupId: string; } -const GroupTimelineColumn: React.FC = ({ groupId }) => { +const GroupTimelineColumn: React.FC = ({ groupId, ...props }) => { const timelineQuery = useGroupTimeline(groupId); - return ; + return ; }; -const BubbleTimelineColumn: React.FC = () => { +const BubbleTimelineColumn: React.FC = (props) => { const timelineQuery = useBubbleTimeline(); - return ; + return ; }; interface IAntennaTimelineColumn extends IBaseTimeline { antennaId: string; } -const AntennaTimelineColumn: React.FC = ({ antennaId }) => { +const AntennaTimelineColumn: React.FC = ({ antennaId, ...props }) => { const timelineQuery = useAntennaTimeline(antennaId); - return ; + return ; }; interface ICircleTimelineColumn extends IBaseTimeline { circleId: string; } -const CircleTimelineColumn: React.FC = ({ circleId }) => { +const CircleTimelineColumn: React.FC = ({ circleId, ...props }) => { const timelineQuery = useCircleTimeline(circleId); - return ; + return ; }; -const WrenchedTimelineColumn: React.FC = () => { +const WrenchedTimelineColumn: React.FC = (props) => { const timelineQuery = useWrenchedTimeline(); - return ; + return ; }; interface IAccountTimelineColumn extends IBaseTimeline { @@ -398,10 +403,11 @@ interface IAccountTimelineColumn extends IBaseTimeline { const AccountTimelineColumn: React.FC = ({ accountId, excludeReplies = false, + ...props }) => { const timelineQuery = useAccountTimeline(accountId, { exclude_replies: excludeReplies }); - return ; + return ; }; export {