From ad56e745c8fe7f37e0838c7164fe5c6548415ee2 Mon Sep 17 00:00:00 2001
From: dakkar <dakkar@thenautilus.net>
Date: Fri, 21 Jun 2024 17:37:08 +0100
Subject: [PATCH] replaced ti-file*

and some simplification
---
 .../frontend/src/components/MkDriveFileThumbnail.vue | 12 ++++++------
 packages/frontend/src/pages/admin-file.vue           |  2 +-
 packages/frontend/src/pages/drive.file.vue           |  2 +-
 packages/frontend/src/scripts/get-drive-file-menu.ts |  2 +-
 packages/frontend/src/ui/_common_/common.ts          |  2 +-
 packages/frontend/vite.config.ts                     |  5 +++++
 6 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue
index 5281e839f9..65c3ea1f01 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.vue
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue
@@ -8,12 +8,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<ImgWithBlurhash v-if="isThumbnailAvailable" :hash="file.blurhash" :src="file.thumbnailUrl" :alt="file.name" :title="file.name" :cover="fit !== 'contain'"/>
 	<i v-else-if="is === 'image'" class="ti ti-photo" :class="$style.icon"></i>
 	<i v-else-if="is === 'video'" class="ti ti-video" :class="$style.icon"></i>
-	<i v-else-if="is === 'audio' || is === 'midi'" class="ph-file-audio ph-bold ph-lg" :class="$style.icon"></i>
-	<i v-else-if="is === 'csv'" class="ph-file-text ph-bold ph-lg" :class="$style.icon"></i>
-	<i v-else-if="is === 'pdf'" class="ph-file-text ph-bold ph-lg" :class="$style.icon"></i>
-	<i v-else-if="is === 'textfile'" class="ph-file-text ph-bold ph-lg" :class="$style.icon"></i>
-	<i v-else-if="is === 'archive'" class="ph-file-zip ph-bold ph-lg" :class="$style.icon"></i>
-	<i v-else class="ph-file ph-bold ph-lg" :class="$style.icon"></i>
+	<i v-else-if="is === 'audio' || is === 'midi'" class="ti ti-file-music" :class="$style.icon"></i>
+	<i v-else-if="is === 'csv'" class="ti ti-file-text" :class="$style.icon"></i>
+	<i v-else-if="is === 'pdf'" class="ti ti-file-text" :class="$style.icon"></i>
+	<i v-else-if="is === 'textfile'" class="ti ti-file-text" :class="$style.icon"></i>
+	<i v-else-if="is === 'archive'" class="ti ti-file-zip" :class="$style.icon"></i>
+	<i v-else class="ti ti-file" :class="$style.icon"></i>
 
 	<i v-if="isThumbnailAvailable && is === 'video'" class="ti ti-video" :class="$style.iconSub"></i>
 </div>
diff --git a/packages/frontend/src/pages/admin-file.vue b/packages/frontend/src/pages/admin-file.vue
index 7d96aade26..d57d2798c4 100644
--- a/packages/frontend/src/pages/admin-file.vue
+++ b/packages/frontend/src/pages/admin-file.vue
@@ -142,7 +142,7 @@ const headerTabs = computed(() => [{
 
 definePageMetadata(() => ({
 	title: file.value ? `${i18n.ts.file}: ${file.value.name}` : i18n.ts.file,
-	icon: 'ph-file ph-bold ph-lg',
+	icon: 'ti ti-file',
 }));
 </script>
 
diff --git a/packages/frontend/src/pages/drive.file.vue b/packages/frontend/src/pages/drive.file.vue
index 3494b3ec81..5711ec8b3a 100644
--- a/packages/frontend/src/pages/drive.file.vue
+++ b/packages/frontend/src/pages/drive.file.vue
@@ -50,6 +50,6 @@ const headerTabs = computed(() => [{
 
 definePageMetadata(() => ({
 	title: i18n.ts._fileViewer.title,
-	icon: 'ph-file-text ph-bold ph-lg',
+	icon: 'ti ti-file',
 }));
 </script>
diff --git a/packages/frontend/src/scripts/get-drive-file-menu.ts b/packages/frontend/src/scripts/get-drive-file-menu.ts
index 4785c34930..1ad015dd76 100644
--- a/packages/frontend/src/scripts/get-drive-file-menu.ts
+++ b/packages/frontend/src/scripts/get-drive-file-menu.ts
@@ -82,7 +82,7 @@ export function getDriveFileMenu(file: Misskey.entities.DriveFile, folder?: Miss
 		type: 'link',
 		to: `/my/drive/file/${file.id}`,
 		text: i18n.ts._fileViewer.title,
-		icon: 'ph-file-text ph-bold ph-lg',
+		icon: 'ti ti-info-circle',
 	}, { type: 'divider' }, {
 		text: i18n.ts.rename,
 		icon: 'ti ti-forms',
diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts
index aeee1de816..dc1848a32c 100644
--- a/packages/frontend/src/ui/_common_/common.ts
+++ b/packages/frontend/src/ui/_common_/common.ts
@@ -86,7 +86,7 @@ export function openInstanceMenu(ev: MouseEvent) {
 		to: '/contact',
 	}, (instance.impressumUrl) ? {
 		text: i18n.ts.impressum,
-		icon: 'ph-newspaper-clipping ph-bold ph-lg',
+		icon: 'ti ti-file-invoice',
 		action: () => {
 			window.open(instance.impressumUrl, '_blank', 'noopener');
 		},
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index b501846912..cf9bb7edd2 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -201,6 +201,11 @@ export function getConfig(): UserConfig {
 					'ti ti-cloud': 'ph-cloud ph-bold ph-lg',
 					'ti ti-upload': 'ph-upload ph-bold ph-lg',
 					'ti ti-video': 'ph-video ph-bold ph-lg',
+					'ti ti-file': 'ph-file ph-bold ph-lg',
+					'ti ti-file-music': 'ph-file-audio ph-bold ph-lg',
+					'ti ti-file-text': 'ph-file-text ph-bold ph-lg',
+					'ti ti-file-zip': 'ph-file-zip ph-bold ph-lg',
+					'ti ti-file-invoice': 'ph-newspaper-clipping ph-bold ph-lg',
 				},
 			}),
 			...process.env.NODE_ENV === 'production'