fix(icons): rename icon components in UIShared

Signed-off-by: Maksim Sukharev <[email protected]>
nextcloud · Dec 10, 2024 · 49401a6 · 49401a6
1 parent dcdd54a
commit 49401a6
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 26 deletions.
diff --git a/src/components/UIShared/DialpadPanel.vue b/src/components/UIShared/DialpadPanel.vue
@@ -14,7 +14,7 @@
 				:aria-label="t('spreed', 'Open dialpad')"
 				:title="t('spreed', 'Open dialpad')">
 				<template #icon>
-					<Dialpad :size="20" />
+					<IconDialpad :size="20" />
 				</template>
 			</NcButton>
 		</template>
@@ -58,16 +58,16 @@
 				type="tertiary"
 				@click="handleBackspace">
 				<template #icon>
-					<BackspaceOutline :size="20" />
+					<IconBackspaceOutline :size="20" />
 				</template>
 			</NcButton>
 		</div>
 	</NcPopover>
 </template>
 
 <script>
-import BackspaceOutline from 'vue-material-design-icons/BackspaceOutline.vue'
-import Dialpad from 'vue-material-design-icons/Dialpad.vue'
+import IconBackspaceOutline from 'vue-material-design-icons/BackspaceOutline.vue'
+import IconDialpad from 'vue-material-design-icons/Dialpad.vue'
 
 import { t, getLocale } from '@nextcloud/l10n'
 
@@ -106,8 +106,8 @@ export default {
 	name: 'DialpadPanel',
 
 	components: {
-		BackspaceOutline,
-		Dialpad,
+		IconBackspaceOutline,
+		IconDialpad,
 		NcButton,
 		NcPopover,
 		NcSelect,

diff --git a/src/components/UIShared/EditableTextField.vue b/src/components/UIShared/EditableTextField.vue
@@ -28,15 +28,15 @@
 					:aria-label="t('spreed', 'Cancel editing')"
 					@click="handleCancelEditing">
 					<template #icon>
-						<Close :size="20" />
+						<IconClose :size="20" />
 					</template>
 				</NcButton>
 				<NcButton type="primary"
 					:aria-label="t('spreed', 'Submit')"
 					:disabled="!canSubmit"
 					@click="handleSubmitText">
 					<template #icon>
-						<Check :size="20" />
+						<IconCheck :size="20" />
 					</template>
 				</NcButton>
 				<div v-if="showCountDown"
@@ -53,7 +53,7 @@
 				:aria-label="editButtonAriaLabel"
 				@click="handleEditText">
 				<template #icon>
-					<Pencil :size="20" />
+					<IconPencil :size="20" />
 				</template>
 			</NcButton>
 		</template>
@@ -62,9 +62,9 @@
 </template>
 
 <script>
-import Check from 'vue-material-design-icons/Check.vue'
-import Close from 'vue-material-design-icons/Close.vue'
-import Pencil from 'vue-material-design-icons/Pencil.vue'
+import IconCheck from 'vue-material-design-icons/Check.vue'
+import IconClose from 'vue-material-design-icons/Close.vue'
+import IconPencil from 'vue-material-design-icons/Pencil.vue'
 
 import { t } from '@nextcloud/l10n'
 
@@ -77,12 +77,12 @@ import { parseSpecialSymbols } from '../../utils/textParse.ts'
 export default {
 	name: 'EditableTextField',
 	components: {
-		Check,
-		Close,
+		IconCheck,
+		IconClose,
+		IconPencil,
 		NcButton,
 		NcRichContenteditable,
 		NcRichText,
-		Pencil,
 	},
 
 	props: {

diff --git a/src/components/UIShared/SearchBox.vue b/src/components/UIShared/SearchBox.vue
@@ -17,12 +17,12 @@
 		@update:value="updateValue"
 		@trailing-button-click="abortSearch"
 		@keydown.esc="abortSearch">
-		<Magnify :size="16" />
+		<IconMagnify :size="16" />
 	</NcTextField>
 </template>
 
 <script>
-import Magnify from 'vue-material-design-icons/Magnify.vue'
+import IconMagnify from 'vue-material-design-icons/Magnify.vue'
 
 import { t } from '@nextcloud/l10n'
 
@@ -31,8 +31,8 @@ import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 export default {
 	name: 'SearchBox',
 	components: {
+		IconMagnify,
 		NcTextField,
-		Magnify,
 	},
 	props: {
 		/**

diff --git a/src/components/UIShared/VolumeIndicator.vue b/src/components/UIShared/VolumeIndicator.vue
@@ -8,30 +8,30 @@
 		:style="{ height: size + 'px', width: size + 'px' }"
 		:class="{ overload: hasOverload }">
 		<span class="volume-indicator volume-indicator-primary" :style="{ height: iconPrimaryHeight + 'px' }">
-			<Microphone v-if="audioEnabled" :size="size" :fill-color="primaryColor" />
-			<MicrophoneOff v-else :size="size" :fill-color="primaryColor" />
+			<IconMicrophone v-if="audioEnabled" :size="size" :fill-color="primaryColor" />
+			<IconMicrophoneOff v-else :size="size" :fill-color="primaryColor" />
 		</span>
 
 		<span v-if="audioPreviewAvailable"
 			class="volume-indicator volume-indicator-overlay"
 			:class="{ 'volume-indicator-overlay-mute': !audioEnabled }"
 			:style="{ height: iconOverlayHeight + 'px' }">
-			<Microphone v-if="audioEnabled" :size="size" :fill-color="overlayColor" />
-			<MicrophoneOff v-else :size="size" :fill-color="overlayMutedColor" />
+			<IconMicrophone v-if="audioEnabled" :size="size" :fill-color="overlayColor" />
+			<IconMicrophoneOff v-else :size="size" :fill-color="overlayMutedColor" />
 		</span>
 	</span>
 </template>
 
 <script>
-import Microphone from 'vue-material-design-icons/Microphone.vue'
-import MicrophoneOff from 'vue-material-design-icons/MicrophoneOff.vue'
+import IconMicrophone from 'vue-material-design-icons/Microphone.vue'
+import IconMicrophoneOff from 'vue-material-design-icons/MicrophoneOff.vue'
 
 export default {
 	name: 'VolumeIndicator',
 
 	components: {
-		Microphone,
-		MicrophoneOff,
+		IconMicrophone,
+		IconMicrophoneOff,
 	},
 
 	props: {