-
Notifications
You must be signed in to change notification settings - Fork 24
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Manage 'on stage' request directly in viewers list #1443
Manage 'on stage' request directly in viewers list #1443
Conversation
378d83a
to
4fa9376
Compare
891d2b2
to
9bf3eba
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work !
Just some minor suggestions.
src/frontend/utils/conversejs/converse-plugins/participantsTrackingPlugin.ts
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/InstructorViewersList/index.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice improvement. I have a question. As a student I was able to leave the discussion when I was on stage. I didn't find how to do it here. Maybe I missed something ?
src/frontend/components/ViewersList/InstructorViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/InstructorViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/InstructorViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/components/ViewersListTextButton/index.spec.tsx
Outdated
Show resolved
Hide resolved
The hand icon allowing to leave the discussion is still present, I didn't notice it 👍 |
6516558
to
108ab95
Compare
4c02954
to
13147ed
Compare
src/frontend/components/Chat/SharedChatComponents/ChatAvatar/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/Chat/SharedChatComponents/ChatAvatar/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/Chat/SharedChatComponents/ChatAvatar/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/StudentViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/StudentViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/StudentViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/InstructorViewersList/index.tsx
Outdated
Show resolved
Hide resolved
src/frontend/components/ViewersList/InstructorViewersList/index.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
e3935e7
to
0512ff4
Compare
980d5ba
to
96b7cd6
Compare
f6ac6a9
to
5162c0b
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
const AvatarBox = styled(Box)` | ||
// 2 last digits correspond to the alhpa of the hexcolor, in hexadecimal | ||
background-color: ${normalizeColor('blue-active', theme)}19; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why are you not using the Box's property 'background' ?
// minWidth is set otherwise avatar width is crushed by the margin of the component next to the avatar | ||
min-width: 24px; | ||
min-width: 26px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
you shouldn't need this
@@ -0,0 +1,179 @@ | |||
import React, { useMemo } from 'react'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
to delete
@@ -0,0 +1,102 @@ | |||
import React, { useMemo } from 'react'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
to delete
2ca348a
to
6baeb04
Compare
512f2fa
to
4086278
Compare
c94a16d
to
51c1bb6
Compare
Add the jid in ParticipantType and update the participantTrackingPlugin in order to record this information jointly to the name of the user.
Avatar was a little too small (a 24px square instead of a 26px one) and color was not exactly the same as on the mockup.
This badge indicates how many students are actually requesting to go on stage.
Add a new component ViewersList, which is in charge of displaying the viewers list, and the on stage management buttons, depending on if the user is an instructor or not. This commit also add all necessaries components needed for ViewersList to work properly.
The StudentViewersList is not used anymore and the ViewersList replaces it. The Viewers component makes some little changes to the UI of the viewers list and add 'on-stage request' management features directly into the list.
The 'on-stage request' mangement system has been moved into the viewers list, so the old components displayed under the video are not needed anymore.
51c1bb6
to
1617e34
Compare
Purpose
For now, 'on stage' requests appear under the video on the instructor view. The goal of this PR is to keep this functionnal, but to put it directly in the viewers list instead. The desired result is shown below :
🚩 The 'invite' function is not implemented here, see #1438