added all chats to show on teacher page

[karlrez]

for #4

Initial draft of the UI for showing all chats on teacher page:

@mssiegel what are your thoughts on this layout?

• On mobile, the chats show right under the main "selected" chat which might cause some confusion. I think having a header or at least some spacing would be a good way to seperate them.
• On mobile, the user will scroll down and select one of the chats, do you think it would be a good idea to auto scroll the user back to the top of the page?
• Will you want the current selected chat to be removed from the bottom or should it stay in the list? I think we should keep it there and give it a different background color to indicate it is the selected chat.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
frempco	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 5, 2023 at 6:25PM (UTC)

[karlrez]

Hey @mssiegel @zachlankton just made the updates from the comments. Let me know of any further edits that should be added in.

Currently, I've run into a bug where the scrollDown() in Conversations is causing the entire page to scroll whenever a student sends a message, which would make the teachers page very difficult to use. I'll make another commit once I figure out a solution, but if you have any suggestions let me know!

[karlrez]

@mssiegel I've added the changes from the last comments. Only difference is regarding the showCopyButton prop which I changed to inAllStudentsChatDisplay. Let me know your thoughts, I can go back and update if needed.

[karlrez]

@mssiegel just added those changes in. Only additional addition was changing the inAllStudentsChatDisplay prop to inAllStudentChatsDisplay, figured the spelling should match the component name