@100mslive/roomkit-react 0.1.9-alpha.0 → 0.1.9

package/src/Prebuilt/components/Notifications/Notifications.tsx

@@ -146,7 +146,7 @@ export function Notifications() {
 
       case HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID) {
-          const pollStartedBy = vanillaStore.getState(selectPeerNameByID(notification.data.startedBy));
+          const pollStartedBy = vanillaStore.getState(selectPeerNameByID(notification.data.startedBy)) || 'Participant';
           ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: (

package/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx

@@ -172,7 +172,11 @@ const AddMenu = () => {
 };
 
 const PrevMenu = () => {
-  const polls = useHMSStore(selectPolls)?.filter(poll => poll.state === 'started' || poll.state === 'stopped');
+  // filter polls that have been started or stopped sorted by when they were created and their live state
+  const polls = useHMSStore(selectPolls)
+    ?.filter(poll => poll.state === 'started' || poll.state === 'stopped')
+    .sort((a, b) => (b.createdAt?.getTime() || 0) - (a.createdAt?.getTime() || 0))
+    .sort((a, b) => (b.state === 'started' ? 1 : 0) - (a.state === 'started' ? 1 : 0));
   return polls?.length ? (
     <Flex
       css={{

package/src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.jsx

@@ -204,7 +204,11 @@ export const QuestionForm = ({ question, index, length, onSave, removeQuestion,
         </Box>
         <Tooltip
           disabled={isValid}
-          title={`Please fill all the fields ${isQuiz ? 'and mark the correct answer(s)' : ''} to continue`}
+          title={
+            options.length === 0
+              ? 'At least one option is required for a question'
+              : `Please fill all the fields ${isQuiz ? 'and mark the correct answer(s)' : ''} to continue`
+          }
           boxCss={{ maxWidth: '$40' }}
         >
           <Button
@@ -240,7 +244,7 @@ export const isValidQuestion = ({ text, type, options, isQuiz = false }) => {
     return true;
   }
 
-  const everyOptionHasText = options.every(option => option && isValidTextInput(option.text, 1));
+  const everyOptionHasText = options.length > 0 && options.every(option => option && isValidTextInput(option.text, 1));
   const hasCorrectAnswer = options.some(option => option.isCorrectAnswer);
 
   if (!isQuiz) {

package/src/Prebuilt/components/Polls/Voting/Voting.jsx

@@ -65,7 +65,7 @@ export const Voting = ({ id, toggleVoting }) => {
         </Box>
       </Flex>
 
-      <Flex direction="column" css={{ p: '$8 $10' }}>
+      <Flex direction="column" css={{ p: '$8 $10', overflowY: 'auto' }}>
         <Flex align="center">
           <Box css={{ flex: 'auto' }}>
             <Text css={{ color: '$on_surface_medium', fontWeight: '$semiBold' }}>

package/src/Prebuilt/components/hooks/useRedirectToLeave.tsx

@@ -10,14 +10,11 @@ export const useRedirectToLeave = () => {
 
   const redirect = useCallback(
     (timeout = 0) => {
-      return new Promise<void>(resolve => {
-        setTimeout(() => {
-          PictureInPicture.stop().catch(() => console.error('stopping pip'));
-          ToastManager.clearAllToast();
-          onLeave?.();
-          resolve();
-        }, timeout);
-      });
+      setTimeout(() => {
+        PictureInPicture.stop().catch(() => console.error('stopping pip'));
+        ToastManager.clearAllToast();
+        onLeave?.();
+      }, timeout);
     },
     [onLeave],
   );