diff --git a/src/locales/en.json b/src/locales/en.json index 3e27e2f..72c666f 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -5,8 +5,10 @@ "app.tour.leaveAudio": "Leave the conference audio", "app.tour.video": "Enable or disable your camera", "app.tour.screenshare": "Share your screen", - "app.tour.interactions": "Here you have several features related to interacting with the conference: raise/lower your hand, set a reaction, report if you are absent.", + "app.tour.interactions": "Here you can set a reaction.", + "app.tour.raiseHand": "Raise or lower your hand.", "app.tour.plusActions": "Here you will find more features.", + "app.tour.leaveSession": "Leave the session.", "app.tour.whiteboard.title": "Whiteboard", "app.tour.whiteboard.intro": "This is the whiteboard. The presenter can draw or write over it.", "app.tour.whiteboard.upload": "If the presenter uploads a presentation or shares their screen, it will appear here.", @@ -19,8 +21,8 @@ "app.tour.panel.questions": "Send questions to the moderator/presenter.", "app.tour.recording": "Starts or stops recording the conference.", "app.tour.connectionStatus": "Connectivity status of participants who have a bad connection.", - "app.tour.moreOptions": "Access more options, like evaluating the platform, accessing the settings or leaving the conference.", - "app.tour.endTour": "You learned the basics features. To go deeper, click on \"Learn more \".", + "app.tour.moreOptions": "Access more options, like evaluating the platform, accessing the settings or setting yourself as away.", + "app.tour.endTour": "You learned the basics features. For more information, click on \"Learn more \".", "app.tour.startTour": "Start the tour", "app.tour.button.next": "Next", "app.tour.button.back": "Back", diff --git a/src/tour/getTourFeatures.js b/src/tour/getTourFeatures.js index 58311a2..3c189a8 100644 --- a/src/tour/getTourFeatures.js +++ b/src/tour/getTourFeatures.js @@ -62,6 +62,14 @@ const intlMessages = defineMessages({ id: 'app.tour.interactions', description: 'Interactions button label', }, + raiseHand: { + id: 'app.tour.raiseHand', + description: 'Raise hand button label', + }, + leaveSession: { + id: 'app.tour.leaveSession', + description: 'Leave session button label', + }, interactionsMore: { id: 'app.tour.interactionsMore', description: 'More Interactions button label', @@ -314,6 +322,28 @@ const getTourFeatures = ( ], }; + const raiseHandFeature = { + name: 'raiseHand', + date: new Date(0), + steps: [ + { + id: 'raiseHand', + attachTo: { + element: '[data-test="raiseHandBtn"]', + on: 'top', + }, + text: intl.formatMessage(intlMessages.raiseHand), + buttons: [ + getBackButton(intl, tour), + getNextButton(intl, tour), + ], + when: { + 'before-show': () => actions.closePanel(), + }, + }, + ], + }; + const whiteboardFeature = { name: 'whiteboard', date: new Date(0), @@ -497,6 +527,22 @@ const getTourFeatures = ( ], }; + const leaveSessionFeature = { + name: 'leaveSession', + date: new Date(0), + steps: [ + { + id: 'leaveSession', + attachTo: { element: '[data-test="leaveMeetingDropdown"]', on: 'bottom' }, + text: intl.formatMessage(intlMessages.leaveSession), + buttons: [ + getBackButton(intl, tour), + getNextButton(intl, tour), + ], + }, + ], + }; + const moreOptionsFeature = { name: 'moreOptions', date: new Date(0), @@ -540,11 +586,13 @@ const getTourFeatures = ( videoFeature, screnshareFeature, interactionsFeature, + raiseHandFeature, whiteboardFeature, closePresentationFeature, userListToggleFeature, recordingFeature, connectionStatusFeature, + leaveSessionFeature, moreOptionsFeature, endTourFeature, ];