refactor: guest load more
This commit is contained in:
@@ -17,7 +17,8 @@ export default function GuestChannelChat({ cid = 0 }: Props) {
|
||||
list: msgIds,
|
||||
appends,
|
||||
hasMore,
|
||||
pullUp
|
||||
pullUp,
|
||||
pulling
|
||||
} = useMessageFeed({
|
||||
context: "channel",
|
||||
id: cid
|
||||
@@ -50,7 +51,7 @@ export default function GuestChannelChat({ cid = 0 }: Props) {
|
||||
>
|
||||
<StyledChannelChat id={`VOCECHAT_FEED_channel_${cid}`}>
|
||||
{hasMore ? (
|
||||
<LoadMore pullUp={pullUp} />
|
||||
<LoadMore pullUp={pullUp} pulling={pulling} />
|
||||
) : (
|
||||
<div className="info">
|
||||
<h2 className="title">{t("welcome_channel", { name })}</h2>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { memo, useEffect, FC } from "react";
|
||||
import { useEffect, FC } from "react";
|
||||
import { Waveform } from "@uiball/loaders";
|
||||
import { useInViewRef } from "rooks";
|
||||
|
||||
@@ -19,6 +19,7 @@ const LoadMore: FC<Props> = ({ pullUp = null, pulling }) => {
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default memo(LoadMore, (prev, next) => {
|
||||
return prev.pulling === next.pulling;
|
||||
});
|
||||
export default LoadMore;
|
||||
// export default memo(LoadMore, (prev, next) => {
|
||||
// return prev.pulling === next.pulling;
|
||||
// });
|
||||
|
||||
Reference in New Issue
Block a user