Hand was removed, so replacing it with the HandBackLeft which is the same icon we had shown

Signed-off-by: Joas Schilling <coding@schilljs.com>

4 files changed, 18 insertions, 18 deletions

diff --git a/src/components/CallView/shared/LocalMediaControls.vue b/src/components/CallView/shared/LocalMediaControls.vue
index efa0518b4..b20e4aa5b 100644
--- a/src/components/CallView/shared/LocalMediaControls.vue
+++ b/src/components/CallView/shared/LocalMediaControls.vue
@@ -152,7 +152,7 @@
 				<ActionButton
 					:close-after-click="true"
 					@click="toggleHandRaised">
-					<Hand
+					<HandBackLeft
 						slot="icon"
 						:size="16"
 						decorative
@@ -211,7 +211,7 @@ import escapeHtml from 'escape-html'
 import { emit } from '@nextcloud/event-bus'
 import { showMessage } from '@nextcloud/dialogs'
 import CancelPresentation from '../../missingMaterialDesignIcons/CancelPresentation'
-import Hand from 'vue-material-design-icons/Hand'
+import HandBackLeft from 'vue-material-design-icons/HandBackLeft'
 import Microphone from 'vue-material-design-icons/Microphone'
 import MicrophoneOff from 'vue-material-design-icons/MicrophoneOff'
 import Monitor from 'vue-material-design-icons/Monitor'
@@ -242,7 +242,7 @@ export default {
 		ActionSeparator,
 		ActionButton,
 		CancelPresentation,
-		Hand,
+		HandBackLeft,
 		Microphone,
 		MicrophoneOff,
 		PresentToAll,
diff --git a/src/components/CallView/shared/VideoBottomBar.vue b/src/components/CallView/shared/VideoBottomBar.vue
index 1cf6ea6ba..161daa646 100644
--- a/src/components/CallView/shared/VideoBottomBar.vue
+++ b/src/components/CallView/shared/VideoBottomBar.vue
@@ -28,7 +28,7 @@
 				<div
 					v-if="!connectionStateFailedNoRestart && model.attributes.raisedHand.state"
 					class="bottom-bar__statusIndicator">
-					<Hand
+					<HandBackLeft
 						class="handIndicator"
 						decorative
 						title=""
@@ -125,7 +125,7 @@ import Monitor from 'vue-material-design-icons/Monitor'
 import Video from 'vue-material-design-icons/Video'
 import VideoOff from 'vue-material-design-icons/VideoOff'
 import { PARTICIPANT } from '../../../constants'
-import Hand from 'vue-material-design-icons/Hand'
+import HandBackLeft from 'vue-material-design-icons/HandBackLeft'
 import { emit } from '@nextcloud/event-bus'
 
 export default {
@@ -133,7 +133,7 @@ export default {
 
 	components: {
 		AlertCircle,
-		Hand,
+		HandBackLeft,
 		Microphone,
 		MicrophoneOff,
 		Monitor,
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.spec.js b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.spec.js
index f05ba8bf4..c197e7633 100644
--- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.spec.js
+++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.spec.js
@@ -7,7 +7,7 @@ import AvatarWrapper from '../../../../AvatarWrapper/AvatarWrapper'
 import Microphone from 'vue-material-design-icons/Microphone'
 import Phone from 'vue-material-design-icons/Phone'
 import Video from 'vue-material-design-icons/Video'
-import Hand from 'vue-material-design-icons/Hand'
+import HandBackLeft from 'vue-material-design-icons/HandBackLeft'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionText from '@nextcloud/vue/dist/Components/ActionText'
 import { findActionButton } from '../../../../../test-helpers'
@@ -293,7 +293,7 @@ describe('Participant.vue', () => {
 			expect(wrapper.findComponent(Video).exists()).toBe(false)
 			expect(wrapper.findComponent(Phone).exists()).toBe(false)
 			expect(wrapper.findComponent(Microphone).exists()).toBe(false)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 		})
 		test('renders video call icon', async () => {
 			participant.inCall = PARTICIPANT.CALL_FLAG.WITH_VIDEO
@@ -301,7 +301,7 @@ describe('Participant.vue', () => {
 			expect(wrapper.findComponent(Video).exists()).toBe(true)
 			expect(wrapper.findComponent(Phone).exists()).toBe(false)
 			expect(wrapper.findComponent(Microphone).exists()).toBe(false)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 
 			expect(await getCallIconTooltip(wrapper)).toBe('Joined with video')
 		})
@@ -311,7 +311,7 @@ describe('Participant.vue', () => {
 			expect(wrapper.findComponent(Video).exists()).toBe(false)
 			expect(wrapper.findComponent(Phone).exists()).toBe(false)
 			expect(wrapper.findComponent(Microphone).exists()).toBe(true)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 
 			expect(await getCallIconTooltip(wrapper)).toBe('Joined with audio')
 		})
@@ -321,7 +321,7 @@ describe('Participant.vue', () => {
 			expect(wrapper.findComponent(Video).exists()).toBe(false)
 			expect(wrapper.findComponent(Phone).exists()).toBe(true)
 			expect(wrapper.findComponent(Microphone).exists()).toBe(false)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 
 			expect(await getCallIconTooltip(wrapper)).toBe('Joined via phone')
 		})
@@ -333,7 +333,7 @@ describe('Participant.vue', () => {
 			expect(wrapper.findComponent(Video).exists()).toBe(false)
 			expect(wrapper.findComponent(Phone).exists()).toBe(false)
 			expect(wrapper.findComponent(Microphone).exists()).toBe(false)
-			expect(wrapper.findComponent(Hand).exists()).toBe(true)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(true)
 
 			expect(getParticipantRaisedHandMock).toHaveBeenCalledWith(['session-id-alice'])
 
@@ -345,7 +345,7 @@ describe('Participant.vue', () => {
 			expect(wrapper.findComponent(Video).exists()).toBe(true)
 			expect(wrapper.findComponent(Phone).exists()).toBe(false)
 			expect(wrapper.findComponent(Microphone).exists()).toBe(false)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 
 			expect(await getCallIconTooltip(wrapper)).toBe('Joined with video')
 		})
@@ -354,7 +354,7 @@ describe('Participant.vue', () => {
 			getParticipantRaisedHandMock = jest.fn().mockReturnValue({ state: true })
 
 			const wrapper = mountParticipant(participant)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 
 			expect(getParticipantRaisedHandMock).not.toHaveBeenCalled()
 		})
@@ -365,7 +365,7 @@ describe('Participant.vue', () => {
 			getParticipantRaisedHandMock = jest.fn().mockReturnValue({ state: true })
 
 			const wrapper = mountParticipant(participant)
-			expect(wrapper.findComponent(Hand).exists()).toBe(false)
+			expect(wrapper.findComponent(HandBackLeft).exists()).toBe(false)
 
 			expect(getParticipantRaisedHandMock).not.toHaveBeenCalled()
 		})
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
index f582613e1..a376f33b2 100644
--- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
@@ -89,7 +89,7 @@
 				:size="24"
 				title=""
 				decorative />
-			<Hand
+			<HandBackLeft
 				v-if="callIcon === 'hand'"
 				:size="24"
 				title=""
@@ -154,7 +154,7 @@ import Actions from '@nextcloud/vue/dist/Components/Actions'
 import Microphone from 'vue-material-design-icons/Microphone'
 import Phone from 'vue-material-design-icons/Phone'
 import Video from 'vue-material-design-icons/Video'
-import Hand from 'vue-material-design-icons/Hand'
+import HandBackLeft from 'vue-material-design-icons/HandBackLeft'
 import { CONVERSATION, PARTICIPANT, ATTENDEE } from '../../../../../constants'
 import UserStatus from '../../../../../mixins/userStatus'
 import readableNumber from '../../../../../mixins/readableNumber'
@@ -173,7 +173,7 @@ export default {
 		Microphone,
 		Phone,
 		Video,
-		Hand,
+		HandBackLeft,
 	},
 
 	directives: {