lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: added limit param to message get url to send fewer messages

Browse source
This commit is contained in:
Lukian 2025-05-11 21:32:19 +02:00
parent 9052a99972
commit bd3cbc528c
3 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
front/src/pages/ChannelPage.tsx
View file

@ -139,6 +139,17 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
setSearchedEmojis([]);
}
}, [message]);
useEffect(() => {
axios
.get(`/api/channels/${name}/messages?limit=${maxMessageToShown}`)
.then((res) => {
setMessages(res.data);
})
.catch((err) => {
console.error(err.response.data);
});
}, [maxMessageToShown]);
if (noChannel) {
return (
@ -247,7 +258,7 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
{messages ? (
<div className="messages-list">
{messages?.length === 0 && <p>No messages yet.</p>}
{messages.slice(0, maxMessageToShown).map((message) => (
{messages.map((message) => (
<MessageComponent
key={message.id}
message={message}
@ -255,7 +266,7 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
channel={channel}
/>
))}
{messages.length > maxMessageToShown && (
{messages.length == maxMessageToShown && (
<button onClick={() => setMaxMessageToShown(maxMessageToShown + 10)}>Show more</button>
)}
</div>