From b14add8c83619311bc0b4f90f66014b852f150c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Tue, 3 Jan 2023 20:03:46 +0800
Subject: [PATCH] refactor: tidy masto icons

---
 components/account/AccountHeader.vue          |  1 +
 components/publish/PublishWidget.vue          |  5 +++--
 .../settings/SettingsProfileMetadata.vue      |  1 +
 components/status/StatusDetails.vue           |  3 ++-
 composables/masto.ts                          | 20 -------------------
 composables/{ => masto}/icons.ts              | 19 ++++++++++++++++++
 6 files changed, 26 insertions(+), 23 deletions(-)
 rename composables/{ => masto}/icons.ts (85%)

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index f048ddc0..25ab8922 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { Account, Field } from 'masto'
+import { getAccountFieldIcon } from '~/composables/masto/icons'
 
 const { account } = defineProps<{
   account: Account
diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index ac1c56d9..41a5f109 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -5,6 +5,7 @@ import { useDropZone } from '@vueuse/core'
 import { EditorContent } from '@tiptap/vue-3'
 import ISO6391 from 'iso-639-1'
 import Fuse from 'fuse.js'
+import { statusVisibilities } from '~/composables/masto/icons'
 import type { Draft } from '~/types'
 
 type FileUploadError = [filename: string, message: string]
@@ -56,7 +57,7 @@ const { editor } = useTiptap({
 })
 
 const currentVisibility = $computed(() => {
-  return STATUS_VISIBILITIES.find(v => v.value === draft.params.visibility) || STATUS_VISIBILITIES[0]
+  return statusVisibilities.find(v => v.value === draft.params.visibility) || statusVisibilities[0]
 })
 
 let isUploading = $ref<boolean>(false)
@@ -396,7 +397,7 @@ defineExpose({
 
             <template #popper>
               <CommonDropdownItem
-                v-for="visibility in STATUS_VISIBILITIES"
+                v-for="visibility in statusVisibilities"
                 :key="visibility.value"
                 :icon="visibility.icon"
                 :checked="visibility.value === draft.params.visibility"
diff --git a/components/settings/SettingsProfileMetadata.vue b/components/settings/SettingsProfileMetadata.vue
index 6abafb4b..89109cc7 100644
--- a/components/settings/SettingsProfileMetadata.vue
+++ b/components/settings/SettingsProfileMetadata.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { UpdateCredentialsParams } from 'masto'
+import { accountFieldIcons, getAccountFieldIcon } from '~/composables/masto/icons'
 
 const { form } = defineModel<{
   form: {
diff --git a/components/status/StatusDetails.vue b/components/status/StatusDetails.vue
index 65efbf29..f8706cb4 100644
--- a/components/status/StatusDetails.vue
+++ b/components/status/StatusDetails.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { Status } from 'masto'
+import { statusVisibilities } from '~/composables/masto/icons'
 
 const props = withDefaults(defineProps<{
   status: Status
@@ -17,7 +18,7 @@ const status = $computed(() => {
 
 const createdAt = useFormattedDateTime(status.createdAt)
 
-const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === status.visibility)!)
+const visibility = $computed(() => statusVisibilities.find(v => v.value === status.visibility)!)
 
 const { t } = useI18n()
 
diff --git a/composables/masto.ts b/composables/masto.ts
index c72ca4d7..0d0946d2 100644
--- a/composables/masto.ts
+++ b/composables/masto.ts
@@ -13,26 +13,6 @@ export const onMastoInit = (cb: () => unknown) => {
   }, { immediate: isMastoInitialised.value })
 }
 
-// @unocss-include
-export const STATUS_VISIBILITIES = [
-  {
-    value: 'public',
-    icon: 'i-ri:global-line',
-  },
-  {
-    value: 'unlisted',
-    icon: 'i-ri:lock-unlock-line',
-  },
-  {
-    value: 'private',
-    icon: 'i-ri:lock-line',
-  },
-  {
-    value: 'direct',
-    icon: 'i-ri:at-line',
-  },
-] as const
-
 export function getDisplayName(account?: Account, options?: { rich?: boolean }) {
   const displayName = account?.displayName || account?.username || ''
   if (options?.rich)
diff --git a/composables/icons.ts b/composables/masto/icons.ts
similarity index 85%
rename from composables/icons.ts
rename to composables/masto/icons.ts
index f8a0ec76..406b7b00 100644
--- a/composables/icons.ts
+++ b/composables/masto/icons.ts
@@ -52,3 +52,22 @@ export const getAccountFieldIcon = (value: string) => {
   const name = value.trim().toLowerCase()
   return accountFieldIconsLowercase[name] || undefined
 }
+
+export const statusVisibilities = [
+  {
+    value: 'public',
+    icon: 'i-ri:global-line',
+  },
+  {
+    value: 'unlisted',
+    icon: 'i-ri:lock-unlock-line',
+  },
+  {
+    value: 'private',
+    icon: 'i-ri:lock-line',
+  },
+  {
+    value: 'direct',
+    icon: 'i-ri:at-line',
+  },
+] as const