fix: intl & lint

Author: IMB11

apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue

@@ -207,6 +207,10 @@ import {
 	financialMessages,
 	formFieldLabels,
 	formFieldPlaceholders,
+	getBlockchainColor,
+	getBlockchainIcon,
+	getCurrencyColor,
+	getCurrencyIcon,
 } from '@modrinth/ui'
 import { defineMessages, useVIntl } from '@vintl/vintl'
 import { IntlFormatted } from '@vintl/vintl/components'
@@ -217,12 +221,6 @@ import RevenueInputField from '@/components/ui/dashboard/RevenueInputField.vue'
 import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown.vue'
 import { useGeneratedState } from '@/composables/generated'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
-import {
-	getBlockchainColor,
-	getBlockchainIcon,
-	getCurrencyColor,
-	getCurrencyIcon,
-} from '@modrinth/ui'
 import { getRailConfig } from '@/utils/muralpay-rails'
 import { normalizeChildren } from '@/utils/vue-children.ts'
 

apps/frontend/src/components/ui/moderation/ModerationReportCard.vue

@@ -138,14 +138,13 @@ import {
 	LinkIcon,
 	OrganizationIcon,
 } from '@modrinth/assets'
-import type { ExtendedReport, ReportQuickReply } from '@modrinth/moderation'
+import type { ExtendedReport } from '@modrinth/moderation'
+import type { OverflowMenuOption } from '@modrinth/ui'
 import {
 	Avatar,
 	ButtonStyled,
-	CollapsibleRegion,
 	injectNotificationManager,
 	OverflowMenu,
-	type OverflowMenuOption,
 	useRelativeTime,
 } from '@modrinth/ui'
 import { computed } from 'vue'
@@ -159,7 +158,7 @@ const props = defineProps<{
 }>()
 
 const reportThread = ref<InstanceType<typeof ReportThread> | null>(null)
-const collapsibleRegion = ref<InstanceType<typeof CollapsibleRegion> | null>(null)
+// const collapsibleRegion = ref<InstanceType<typeof CollapsibleRegion> | null>(null)
 
 const formatRelativeTime = useRelativeTime()
 
@@ -198,14 +197,14 @@ const quickActions: OverflowMenuOption[] = [
 	},
 ]
 
-async function handleQuickReply(reply: ReportQuickReply) {
-	const message =
-		typeof reply.message === 'function' ? await reply.message(props.report) : reply.message
+// async function handleQuickReply(reply: ReportQuickReply) {
+// 	const message =
+// 		typeof reply.message === 'function' ? await reply.message(props.report) : reply.message
 
-	collapsibleRegion.value?.setCollapsed(false)
-	await nextTick()
-	reportThread.value?.setReplyContent(message)
-}
+// 	collapsibleRegion.value?.setCollapsed(false)
+// 	await nextTick()
+// 	reportThread.value?.setReplyContent(message)
+// }
 
 const reportItemAvatarUrl = computed(() => {
 	switch (props.report.item_type) {

apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue

@@ -168,8 +168,9 @@ function getSeverityBreakdown(file: Labrinth.TechReview.Internal.FileReview) {
 									class="h-4 w-4"
 								/>
 								<span
-									class="text-sm font-medium text-secondary"
 									v-for="project_type in item.project.project_types"
+									:key="project_type + item.project.id"
+									class="text-sm font-medium text-secondary"
 									>{{ formatProjectType(project_type, true) }}</span
 								>
 							</div>
@@ -377,9 +378,9 @@ function getSeverityBreakdown(file: Labrinth.TechReview.Internal.FileReview) {
 							>
 								<ButtonStyled circular type="transparent">
 									<button
+										v-tooltip="`Copy code`"
 										class="absolute right-2 top-2 border-[1px]"
 										@click="copyToClipboard(detail.decompiled_source)"
-										v-tooltip="`Copy code`"
 									>
 										<CopyIcon v-if="!showCopyFeedback" />
 										<CheckIcon v-else />

apps/frontend/src/components/ui/servers/FileItem.vue

@@ -79,10 +79,7 @@ import { computed, ref, shallowRef } from 'vue'
 import { renderToString } from 'vue/server-renderer'
 import { useRoute, useRouter } from 'vue-router'
 
-import {
-	UiServersIconsCogFolderIcon,
-	UiServersIconsEarthIcon,
-} from '#components'
+import { UiServersIconsCogFolderIcon, UiServersIconsEarthIcon } from '#components'
 import PaletteIcon from '~/assets/icons/palette.svg?component'
 
 import TeleportOverflowMenu from './TeleportOverflowMenu.vue'

apps/frontend/src/layouts/default.vue

@@ -447,6 +447,11 @@
 								color: 'orange',
 								link: '/moderation/',
 							},
+							{
+								id: 'tech-review',
+								color: 'orange',
+								link: '/moderation/technical-review',
+							},
 							{
 								id: 'review-reports',
 								color: 'orange',
@@ -494,6 +499,9 @@
 						<template #review-projects>
 							<ScaleIcon aria-hidden="true" /> {{ formatMessage(messages.reviewProjects) }}
 						</template>
+						<template #tech-review>
+							<ShieldAlertIcon aria-hidden="true" /> {{ formatMessage(messages.techReview) }}
+						</template>
 						<template #review-reports>
 							<ReportIcon aria-hidden="true" /> {{ formatMessage(messages.reports) }}
 						</template>
@@ -925,6 +933,7 @@ import {
 	SearchIcon,
 	ServerIcon,
 	SettingsIcon,
+	ShieldAlertIcon,
 	SunIcon,
 	TwitterIcon,
 	UserIcon,
@@ -1180,11 +1189,15 @@ const messages = defineMessages({
 	},
 	reviewProjects: {
 		id: 'layout.action.review-projects',
-		defaultMessage: 'Review projects',
+		defaultMessage: 'Project review',
+	},
+	techReview: {
+		id: 'layout.action.tech-review',
+		defaultMessage: 'Tech review',
 	},
 	reports: {
 		id: 'layout.action.reports',
-		defaultMessage: 'Reports',
+		defaultMessage: 'Review reports',
 	},
 	lookupByEmail: {
 		id: 'layout.action.lookup-by-email',

apps/frontend/src/locales/en-US/index.json

@@ -1239,10 +1239,13 @@
     "message": "New project"
   },
   "layout.action.reports": {
-    "message": "Reports"
+    "message": "Review reports"
   },
   "layout.action.review-projects": {
-    "message": "Review projects"
+    "message": "Project review"
+  },
+  "layout.action.tech-review": {
+    "message": "Tech review"
   },
   "layout.avatar.alt": {
     "message": "Your avatar"
@@ -1481,9 +1484,6 @@
   "moderation.sort.by": {
     "message": "Sort by"
   },
-  "moderation.technical.search.placeholder": {
-    "message": "Search tech reviews..."
-  },
   "muralpay.account-type.checking": {
     "message": "Checking"
   },

apps/frontend/src/pages/moderation/technical-review.vue

@@ -20,7 +20,6 @@ import { useQuery } from '@tanstack/vue-query'
 import { defineMessages, useVIntl } from '@vintl/vintl'
 import Fuse from 'fuse.js'
 
-import { type BatchScanProgress } from '~/components/ui/moderation/BatchScanProgressAlert.vue'
 import ModerationTechRevCard from '~/components/ui/moderation/ModerationTechRevCard.vue'
 
 // TEMPORARY: Mock data for development
@@ -263,12 +262,12 @@ watch(currentSortType, () => {
 	refetch()
 })
 
-const batchScanProgressInformation = computed<BatchScanProgress | undefined>(() => {
-	return {
-		total: 58,
-		complete: 20,
-	}
-})
+// const batchScanProgressInformation = computed<BatchScanProgress | undefined>(() => {
+// 	return {
+// 		total: 58,
+// 		complete: 20,
+// 	}
+// })
 </script>
 
 <template>

apps/frontend/src/providers/creator-withdraw.ts

@@ -6,12 +6,7 @@ import {
 	PayPalColorIcon,
 	VenmoColorIcon,
 } from '@modrinth/assets'
-import {
-	createContext,
-	getCurrencyIcon,
-	paymentMethodMessages,
-	useDebugLogger,
-} from '@modrinth/ui'
+import { createContext, getCurrencyIcon, paymentMethodMessages, useDebugLogger } from '@modrinth/ui'
 import type { MessageDescriptor } from '@vintl/vintl'
 import { type Component, computed, type ComputedRef, type Ref, ref } from 'vue'