feat: smaller qa points

apps/app-frontend/src/components/ui/instance-page-header/index.vue

@@ -15,12 +15,12 @@
 			</PageHeaderBadgeItem>
 			<PageHeaderBadgeItem
 				v-else
-				:icon="UnknownIcon"
 				:tooltip="sharedInstanceTooltip"
 				aria-label="Shared instance information"
 				class="!border-blue !bg-highlight-blue !text-blue"
 			>
 				Shared
+				<UnknownIcon class="block size-4 shrink-0 text-current" aria-hidden="true" />
 			</PageHeaderBadgeItem>
 		</template>
 

apps/app-frontend/src/components/ui/instance_settings/SharingSettings.vue

@@ -19,7 +19,7 @@
 				<template #cell-id="{ row }">
 					<CopyCode
 						:text="`${config.siteUrl}/share/${encodeURIComponent(row.id)}`"
-						:display-text="row.id"
+						:display-text="`/${row.id}`"
 					/>
 				</template>
 				<template #cell-uses="{ row }">
@@ -172,11 +172,11 @@ const messages = defineMessages({
 	},
 	activeInvitesDescription: {
 		id: 'instance.settings.sharing.active-invites.description',
-		defaultMessage: 'Anyone with one of these invite codes can join while it remains active.',
+		defaultMessage: 'Anyone with one of these invite links can join while it remains active.',
 	},
 	inviteCodeLabel: {
 		id: 'instance.settings.sharing.active-invites.code',
-		defaultMessage: 'Invite code',
+		defaultMessage: 'Invite link',
 	},
 	usesLabel: {
 		id: 'instance.settings.sharing.active-invites.uses',

apps/app-frontend/src/components/ui/shared-instances/ConfirmRevokeSharedInstanceInviteModal.vue

@@ -70,7 +70,7 @@ const messages = defineMessages({
 	admonitionBody: {
 		id: 'instance.settings.sharing.revoke-invite.admonition-body',
 		defaultMessage:
-			'The invite code <monospace>{code}</monospace> will stop working immediately. People who already joined will keep access.',
+			'The invite link <monospace>{code}</monospace> will stop working immediately. People who already joined will keep access.',
 	},
 	revokeButton: {
 		id: 'instance.settings.sharing.revoke-invite.confirm',

apps/app-frontend/src/components/ui/shared-instances/shared-instance-install-modal/index.vue

@@ -70,10 +70,7 @@
 					:values="{ username: creator.username }"
 				>
 					<template #creator="{ children }">
-						<AutoLink
-							:to="creatorProfileLink"
-							class="inline-flex items-center gap-1 align-middle font-medium text-contrast hover:underline"
-						>
+						<AutoLink :to="creatorProfileLink" class="font-medium text-contrast hover:underline">
 							<Avatar
 								:src="creator.avatarUrl"
 								:alt="creator.username"
@@ -81,8 +78,9 @@
 								size="24px"
 								circle
 								no-shadow
+								class="mr-1 inline-block align-middle"
 							/>
-							<component :is="() => children" />
+							<span><component :is="() => children" /></span>
 						</AutoLink>
 					</template>
 				</IntlFormatted>

apps/app-frontend/src/components/ui/shared-instances/shared-instance-install-modal/use-shared-instance-preview-content.ts

@@ -1,7 +1,7 @@
 import type { Labrinth } from '@modrinth/api-client'
 import type { ContentItem } from '@modrinth/ui'
 
-import { get_project_many, get_version, get_version_many } from '@/helpers/cache.js'
+import { get_project, get_project_many, get_version, get_version_many } from '@/helpers/cache.js'
 import type { SharedInstanceInstallPreview } from '@/helpers/install'
 
 type VersionDependency = Labrinth.Versions.v2.Dependency & { version_id?: string }
@@ -20,7 +20,18 @@ export function useSharedInstancePreviewContent() {
 	async function modpackContentItems(preview: SharedInstanceInstallPreview) {
 		if (!preview.modpackVersionId) return []
 		const version = await get_version(preview.modpackVersionId, 'must_revalidate')
-		return await contentItemsFromDependencies(version?.dependencies ?? [])
+		if (!version) return []
+
+		const [project, contentItems] = await Promise.all([
+			get_project(version.project_id, 'must_revalidate'),
+			contentItemsFromDependencies(version.dependencies ?? []),
+		])
+		if (!project) return contentItems
+
+		return contentItems.map((item) => ({
+			...item,
+			source: { project },
+		}))
 	}
 
 	async function contentItemsFromDependencies(dependencies: Labrinth.Versions.v2.Dependency[]) {