fix: Teleport Dropdown/OverflowMenu imports (#4211)

* fix: Teleport Dropdown/OverflowMenu imports

* fix: lint

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

@@ -27,7 +27,7 @@
 					</p>
 				</div>
 
-				<UiServersTeleportDropdownMenu
+				<TeleportDropdownMenu
 					:id="'interval-field'"
 					v-model="backupIntervalsLabel"
 					:disabled="!autoBackupEnabled || isSaving"
@@ -57,7 +57,12 @@
 
 <script setup lang="ts">
 import { SaveIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	injectNotificationManager,
+	NewModal,
+	TeleportDropdownMenu,
+} from '@modrinth/ui'
 import { computed, ref } from 'vue'
 
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'

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

@@ -60,7 +60,7 @@
 							</NuxtLink>
 						</div>
 					</div>
-					<UiServersTeleportDropdownMenu
+					<TeleportDropdownMenu
 						v-model="selectedVersion"
 						name="Project"
 						:options="filteredVersions"
@@ -237,7 +237,14 @@ import {
 	LockOpenIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { Admonition, Avatar, ButtonStyled, CopyCode, NewModal } from '@modrinth/ui'
+import {
+	Admonition,
+	Avatar,
+	ButtonStyled,
+	CopyCode,
+	NewModal,
+	TeleportDropdownMenu,
+} from '@modrinth/ui'
 import TagItem from '@modrinth/ui/src/components/base/TagItem.vue'
 import { formatCategory, formatVersionsForDisplay, type Mod, type Version } from '@modrinth/utils'
 import { computed, ref } from 'vue'

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

@@ -51,14 +51,14 @@
 				{{ formattedModifiedDate }}
 			</span>
 			<ButtonStyled circular type="transparent">
-				<UiServersTeleportOverflowMenu :options="menuOptions" direction="left" position="bottom">
+				<TeleportOverflowMenu :options="menuOptions" direction="left" position="bottom">
 					<MoreHorizontalIcon class="h-5 w-5 bg-transparent" />
 					<template #extract><PackageOpenIcon /> Extract</template>
 					<template #rename><EditIcon /> Rename</template>
 					<template #move><RightArrowIcon /> Move</template>
 					<template #download><DownloadIcon /> Download</template>
 					<template #delete><TrashIcon /> Delete</template>
-				</UiServersTeleportOverflowMenu>
+				</TeleportOverflowMenu>
 			</ButtonStyled>
 		</div>
 	</li>
@@ -90,6 +90,8 @@ import {
 } from '#components'
 import PaletteIcon from '~/assets/icons/palette.svg?component'
 
+import TeleportOverflowMenu from './TeleportOverflowMenu.vue'
+
 interface FileItemProps {
 	name: string
 	type: 'directory' | 'file'

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

@@ -73,7 +73,7 @@
 		<div class="flex flex-shrink-0 items-center gap-1">
 			<div class="flex w-full flex-row-reverse sm:flex-row">
 				<ButtonStyled type="transparent">
-					<UiServersTeleportOverflowMenu
+					<TeleportOverflowMenu
 						position="bottom"
 						direction="left"
 						aria-label="Filter view"
@@ -93,7 +93,7 @@
 						<template #all>Show all</template>
 						<template #filesOnly>Files only</template>
 						<template #foldersOnly>Folders only</template>
-					</UiServersTeleportOverflowMenu>
+					</TeleportOverflowMenu>
 				</ButtonStyled>
 				<div class="mx-1 w-full text-sm sm:w-48">
 					<label for="search-folder" class="sr-only">Search folder</label>
@@ -171,6 +171,8 @@ import { ButtonStyled, OverflowMenu } from '@modrinth/ui'
 import { useIntersectionObserver } from '@vueuse/core'
 import { computed, ref } from 'vue'
 
+import TeleportOverflowMenu from './TeleportOverflowMenu.vue'
+
 const props = defineProps<{
 	breadcrumbSegments: string[]
 	searchQuery: string

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

@@ -71,7 +71,7 @@
 				<ShareIcon />
 			</Button>
 			<ButtonStyled type="transparent">
-				<UiServersTeleportOverflowMenu
+				<TeleportOverflowMenu
 					position="bottom"
 					direction="left"
 					aria-label="Save file"
@@ -100,7 +100,7 @@
 						</svg>
 						Save & restart
 					</template>
-				</UiServersTeleportOverflowMenu>
+				</TeleportOverflowMenu>
 			</ButtonStyled>
 		</div>
 	</header>
@@ -112,6 +112,8 @@ import { Button, ButtonStyled } from '@modrinth/ui'
 import { computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
+import TeleportOverflowMenu from './TeleportOverflowMenu.vue'
+
 const props = defineProps<{
 	breadcrumbSegments: string[]
 	fileName?: string

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

@@ -78,7 +78,7 @@
 				</ButtonStyled>
 
 				<ButtonStyled circular type="transparent">
-					<UiServersTeleportOverflowMenu :options="[...menuOptions]">
+					<TeleportOverflowMenu :options="[...menuOptions]">
 						<MoreVerticalIcon aria-hidden="true" />
 						<template #kill>
 							<SlashIcon class="h-5 w-5" />
@@ -96,7 +96,7 @@
 							<ClipboardCopyIcon class="h-5 w-5" aria-hidden="true" />
 							<span>Copy ID</span>
 						</template>
-					</UiServersTeleportOverflowMenu>
+					</TeleportOverflowMenu>
 				</ButtonStyled>
 			</template>
 		</div>
@@ -125,6 +125,7 @@ import { useRouter } from 'vue-router'
 import LoadingIcon from './icons/LoadingIcon.vue'
 import PanelSpinner from './PanelSpinner.vue'
 import ServerInfoLabels from './ServerInfoLabels.vue'
+import TeleportOverflowMenu from './TeleportOverflowMenu.vue'
 
 const flags = useFeatureFlags()
 

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

@@ -17,7 +17,7 @@
 			</div>
 
 			<div class="flex w-full flex-col gap-4">
-				<UiServersTeleportDropdownMenu
+				<TeleportDropdownMenu
 					v-if="props.versions?.length"
 					v-model="selectedVersion"
 					:options="versionOptions"
@@ -68,7 +68,12 @@
 
 <script setup lang="ts">
 import { DownloadIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	injectNotificationManager,
+	NewModal,
+	TeleportDropdownMenu,
+} from '@modrinth/ui'
 import { ModrinthServersFetchError } from '@modrinth/utils'
 
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'

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

@@ -203,6 +203,7 @@ import {
 	ButtonStyled,
 	injectNotificationManager,
 	NewModal,
+	TeleportDropdownMenu,
 	Toggle,
 } from '@modrinth/ui'
 import { type Loaders, ModrinthServersFetchError } from '@modrinth/utils'