Summary

Improved pod logs viewer UI and scrolling logic in pod-logs-viewer.tsx

Walkthrough

• Import useRef hook from React to create a reference to the logs container element (link)

• Declare logsContainerRef variable to store the reference (link)

• Update useEffect hook to scroll the logs container element to the bottom if scrollToBottom state is true (link)

• Define handleScroll function to handle the wheel event on the logs container element and set scrollToBottom state to false if user scrolls up (link)

• Assign logsContainerRef to the ref prop and handleScroll to the onScroll prop of the logs container element (link, link)

• Remove onWheel prop from the logs container element since it is redundant with onScroll prop (link)

  Poem

  To view pod logs with ease

We added a useRef hook, please
It helps us to scroll
To the end of the whole
Logs container when there are new entries

Emoji

🪝📜🚀

Include these descriptions in your pull request description by including the following marker tags:

• copilot:all: all the content, in one go
• copilot:summary: a one paragraph summary of the code changes
• copilot:walkthrough: a step by step walkthrough of the code changes
• copilot:poem: a poem about the code changes!
• copilot:emoji: three emoji that capture the changes

Feedback is welcome. Simply add a comment to this PR of the form /copilot feedback [your comments here].