From b34a8a9a69a90bf1d249aefbbba09092036e73a0 Mon Sep 17 00:00:00 2001
From: dakkar <dakkar@thenautilus.net>
Date: Sat, 22 Jun 2024 12:18:11 +0100
Subject: [PATCH] replaced ti-clock

---
 .../frontend/src/components/MkMediaAudio.vue     |  2 +-
 .../frontend/src/components/MkMediaVideo.vue     |  2 +-
 packages/frontend/src/pages/admin/index.vue      |  2 +-
 packages/frontend/src/pages/admin/queue.vue      |  2 +-
 packages/frontend/vite.config.ts                 | 16 ++++++++++++++++
 5 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkMediaAudio.vue b/packages/frontend/src/components/MkMediaAudio.vue
index 611c6eb652..3b5d50315e 100644
--- a/packages/frontend/src/components/MkMediaAudio.vue
+++ b/packages/frontend/src/components/MkMediaAudio.vue
@@ -149,7 +149,7 @@ function showMenu(ev: MouseEvent) {
 		{
 			type: 'radio',
 			text: i18n.ts._mediaControls.playbackRate,
-			icon: 'ph ph-gauge',
+			icon: 'ti ti-clock-play',
 			ref: speed,
 			options: {
 				'0.25x': 0.25,
diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
index ab92d9f763..1c71f4c555 100644
--- a/packages/frontend/src/components/MkMediaVideo.vue
+++ b/packages/frontend/src/components/MkMediaVideo.vue
@@ -183,7 +183,7 @@ function showMenu(ev: MouseEvent) {
 		{
 			type: 'radio',
 			text: i18n.ts._mediaControls.playbackRate,
-			icon: 'ph ph-gauge',
+			icon: 'ti ti-clock-play',
 			ref: speed,
 			options: {
 				'0.25x': 0.25,
diff --git a/packages/frontend/src/pages/admin/index.vue b/packages/frontend/src/pages/admin/index.vue
index e26035c242..4402af7e3e 100644
--- a/packages/frontend/src/pages/admin/index.vue
+++ b/packages/frontend/src/pages/admin/index.vue
@@ -147,7 +147,7 @@ const menuDef = computed(() => [{
 		to: '/admin/federation',
 		active: currentPage.value?.route.name === 'federation',
 	}, {
-		icon: 'ph-clock ph-bold ph-lg-play',
+		icon: 'ti ti-clock-play',
 		text: i18n.ts.jobQueue,
 		to: '/admin/queue',
 		active: currentPage.value?.route.name === 'queue',
diff --git a/packages/frontend/src/pages/admin/queue.vue b/packages/frontend/src/pages/admin/queue.vue
index 94eac919d1..8d77d927d7 100644
--- a/packages/frontend/src/pages/admin/queue.vue
+++ b/packages/frontend/src/pages/admin/queue.vue
@@ -70,6 +70,6 @@ const headerTabs = computed(() => [{
 
 definePageMetadata(() => ({
 	title: i18n.ts.jobQueue,
-	icon: 'ph-clock ph-bold ph-lg-play',
+	icon: 'ti ti-clock-play',
 }));
 </script>
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index fc7f224aa0..6da44ce76b 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -162,6 +162,22 @@ export function getConfig(): UserConfig {
 					'**/pages/gallery/post.*',
 				],
 			}),
+			iconsReplace({
+				values: {
+					'ti ti-clock-play': 'ph-clock ph-bold ph-lg',
+				},
+				exclude: [
+					'**/components/MkMedia*',
+				],
+			}),
+			iconsReplace({
+				values: {
+					'ti ti-clock-play': 'ph ph-gauge ph-bold ph-lg',
+				},
+				include: [
+					'**/components/MkMedia*',
+				],
+			}),
 			iconsReplace({
 				values: {
 					'ti ti-terminal-2': 'ph-terminal-window ph-bold ph-lg',