@mundogamernetwork/shared-ui 1.16.26 → 1.16.27

package/components/errors/MgErrorNewsCta.vue

@@ -7,17 +7,36 @@
  * instead of dead ends.
  */
 
+// community-api's /feed/trending wraps the actual pulse/review/video fields
+// in a nested `content` object — content_type/content_id/views are the only
+// fields it puts at the top level (confirmed against the live response).
+// A previous version of this component read title/slug/image/author off the
+// top level directly, which is always undefined: every card silently fell
+// back to the placeholder image and linked to ".../undefined".
 interface FeedItem {
-	id: number;
-	slug: string;
-	title: string;
-	url_image_src?: string;
-	url_image?: string;
 	content_type?: "pulse" | "review" | "video" | string;
-	author?: { nickname?: string; name?: string };
-	created_at_diff?: string;
+	content: {
+		id: number;
+		slug: string;
+		title: string;
+		url_image_src?: string;
+		url_image?: string;
+		author?: { nickname?: string; name?: string };
+		created_at_diff?: string;
+	};
 }
 
+const CONTENT_TYPE_LABELS: Record<string, string> = {
+	pulse: "News",
+	review: "Review",
+	video: "Video",
+};
+
+const contentTypeLabel = (item: FeedItem): string => {
+	const type = item.content_type ?? "pulse";
+	return CONTENT_TYPE_LABELS[type] ?? type;
+};
+
 const props = defineProps({
 	limit: { type: Number, default: 4 },
 });
@@ -58,11 +77,11 @@ const articlePath = (item: FeedItem): string => {
 		video: "videos",
 	};
 	const type = typeMap[item.content_type ?? "pulse"] ?? "articles";
-	return `${communitySiteUrl.value}/${locale}/${type}/${item.slug}`;
+	return `${communitySiteUrl.value}/${locale}/${type}/${item.content.slug}`;
 };
 
 const imageUrl = (item: FeedItem): string =>
-	item.url_image_src || item.url_image || "/imgs/default/no_img_large_dark.png";
+	item.content.url_image_src || item.content.url_image || "/imgs/default/no_img_large_dark.png";
 
 onMounted(async () => {
 	try {
@@ -108,7 +127,7 @@ onMounted(async () => {
 		<div v-else class="error-news-cta__grid">
 			<a
 				v-for="item in articles"
-				:key="item.id"
+				:key="item.content.id"
 				:href="articlePath(item)"
 				target="_blank"
 				class="error-news-cta__card"
@@ -119,11 +138,11 @@ onMounted(async () => {
 				/>
 				<div class="error-news-cta__card-body">
 					<span v-if="item.content_type" class="error-news-cta__card-tag">
-						{{ item.content_type }}
+						{{ contentTypeLabel(item) }}
 					</span>
-					<p class="error-news-cta__card-title">{{ item.title }}</p>
-					<span v-if="item.created_at_diff" class="error-news-cta__card-date">
-						{{ item.created_at_diff }}
+					<p class="error-news-cta__card-title">{{ item.content.title }}</p>
+					<span v-if="item.content.created_at_diff" class="error-news-cta__card-date">
+						{{ item.content.created_at_diff }}
 					</span>
 				</div>
 			</a>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.16.26",
+  "version": "1.16.27",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/key-campaigns/key-materials.vue

@@ -242,14 +242,6 @@ interface FormData {
 	submitted_at: string
 }
 
-const contentTypesMap: Record<ContentType, number> = {
-	article: 1,
-	video: 2,
-	stream: 3,
-	web: 4,
-	print: 5,
-}
-
 const forms = ref<FormData[]>([
 	{ content_types: [], material_url: "", description: "", submitted_at: "" },
 ])
@@ -363,7 +355,12 @@ const submitForm = async () => {
 			await submitMaterial({
 				key_request_id: requestId.value,
 				user_id: unref(currentUserId),
-				content_types: form.content_types.map((type) => contentTypesMap[type]),
+				// Slugs, not guessed ids. article/video/stream/web/print already
+				// match content_types.slug (Spatie\Sluggable on the model's own
+				// `name`) — the backend resolves them, which is what makes this
+				// work regardless of what numeric ids that table happens to hold
+				// in a given environment.
+				content_types: form.content_types,
 				material_url: form.material_url,
 				description: form.description,
 				submitted_at: new Date(form.submitted_at).toISOString(),