From ba98f01530e5d3782cc975f3f42f73ba3c5b6b3c Mon Sep 17 00:00:00 2001
From: Paulo Castellano <paulo@castellanos.llc>
Date: Tue, 2 Jun 2026 09:12:14 -0300
Subject: [PATCH] Fix calendar showing 'no content' for every post
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The calendar read each post's caption from post_platforms[0].content,
but post_platforms has no content column — the caption lives on
posts.content. As a result every cell fell back to the 'no content'
placeholder. Read post.content instead (matching the list view) and
drop the phantom content field from the PostPlatform interface.

Also surface the caption in the month view (it previously showed only
the time and platform icons), add horizontal padding to the month post
list so the card border is not clipped inside the overflow-y scroll
container, and standardise the hover effect across day/week/month
views to a shadow-only highlight (no lift).

Closes #70
---
 resources/js/pages/posts/Calendar.vue | 19 ++++++++++++-------
 tests/Feature/PostControllerTest.php  | 21 +++++++++++++++++++++
 2 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/resources/js/pages/posts/Calendar.vue b/resources/js/pages/posts/Calendar.vue
index 1d93b385..e68e8f6b 100644
--- a/resources/js/pages/posts/Calendar.vue
+++ b/resources/js/pages/posts/Calendar.vue
@@ -18,7 +18,6 @@ import { PostStatus } from '@/types/post';
 interface PostPlatform {
     id: string;
     platform: string;
-    content: string;
     status: string;
     social_account: {
         id: string;
@@ -31,6 +30,7 @@ interface PostPlatform {
 interface Post {
     id: string;
     status: string;
+    content: string | null;
     scheduled_at: string;
     post_platforms: PostPlatform[];
 }
@@ -297,7 +297,7 @@ const formatTime = (scheduledAt: string): string => {
                     <div v-if="dayPosts.length > 0" class="space-y-3">
                         <Link v-for="post in dayPosts" :key="post.id" :href="getPostUrl(post)" class="block">
                             <div
-                                class="rounded-xl border-2 border-foreground p-4 shadow-2xs transition-all hover:-translate-y-0.5 hover:shadow-md"
+                                class="rounded-xl border-2 border-foreground p-4 shadow-2xs transition-all hover:shadow-md"
                                 :class="getStatusColor(post.status)"
                             >
                                 <div class="flex items-start justify-between gap-3">
@@ -334,7 +334,7 @@ const formatTime = (scheduledAt: string): string => {
 
                                         <!-- Content Preview -->
                                         <p class="line-clamp-2 text-sm font-medium text-foreground/80">
-                                            {{ post.post_platforms[0]?.content || $t('calendar.no_content') }}
+                                            {{ post.content?.trim() || $t('calendar.no_content') }}
                                         </p>
                                     </div>
                                 </div>
@@ -383,7 +383,7 @@ const formatTime = (scheduledAt: string): string => {
                         <!-- Posts -->
                         <Link v-for="post in getPostsForDay(day)" :key="post.id" :href="getPostUrl(post)" class="block">
                             <div
-                                class="rounded-lg border-2 border-foreground p-2 text-sm shadow-2xs transition-all hover:-translate-y-0.5 hover:shadow-sm"
+                                class="rounded-lg border-2 border-foreground p-2 text-sm shadow-2xs transition-all hover:shadow-sm"
                                 :class="getStatusColor(post.status)"
                             >
                                 <!-- Time -->
@@ -418,7 +418,7 @@ const formatTime = (scheduledAt: string): string => {
 
                                 <!-- Content Preview -->
                                 <p class="line-clamp-2 text-xs font-medium text-foreground/80">
-                                    {{ post.post_platforms[0]?.content || $t('calendar.no_content') }}
+                                    {{ post.content?.trim() || $t('calendar.no_content') }}
                                 </p>
                             </div>
                         </Link>
@@ -479,12 +479,13 @@ const formatTime = (scheduledAt: string): string => {
                             </div>
 
                             <!-- Posts -->
-                            <div class="min-h-0 flex-1 space-y-1 overflow-y-auto">
+                            <div class="min-h-0 flex-1 space-y-1 overflow-y-auto px-1">
                                 <Link v-for="post in getPostsForDay(day).slice(0, 3)" :key="post.id" :href="getPostUrl(post)" class="block">
                                     <div
-                                        class="flex items-center justify-between gap-1.5 rounded-md border-2 border-foreground px-2 py-1 text-xs shadow-2xs transition-all hover:-translate-y-0.5 hover:shadow-sm"
+                                        class="flex flex-col gap-1 rounded-md border-2 border-foreground px-2 py-1 text-xs shadow-2xs transition-all hover:shadow-sm"
                                         :class="getStatusColor(post.status)"
                                     >
+                                        <div class="flex items-center justify-between gap-1.5">
                                         <span class="shrink-0 font-bold">{{ formatTime(post.scheduled_at) }}</span>
                                         <div class="flex shrink-0 -space-x-1">
                                             <TooltipProvider
@@ -513,6 +514,10 @@ const formatTime = (scheduledAt: string): string => {
                                                 +{{ post.post_platforms.length - 3 }}
                                             </span>
                                         </div>
+                                        </div>
+                                        <p class="line-clamp-1 font-medium text-foreground/80">
+                                            {{ post.content?.trim() || $t('calendar.no_content') }}
+                                        </p>
                                     </div>
                                 </Link>
                                 <div
diff --git a/tests/Feature/PostControllerTest.php b/tests/Feature/PostControllerTest.php
index 628b0f49..a7da0b14 100644
--- a/tests/Feature/PostControllerTest.php
+++ b/tests/Feature/PostControllerTest.php
@@ -176,6 +176,27 @@
     );
 });
 
+test('calendar payload exposes post content for rendering', function () {
+    $scheduledAt = now('UTC')->startOfWeek()->addDays(2)->setTime(12, 0);
+
+    Post::factory()->create([
+        'workspace_id' => $this->workspace->id,
+        'user_id' => $this->user->id,
+        'content' => 'Caption visible in the calendar',
+        'status' => PostStatus::Scheduled,
+        'scheduled_at' => $scheduledAt,
+    ]);
+
+    $dateKey = $scheduledAt->format('Y-m-d');
+
+    $response = $this->actingAs($this->user)->get(route('app.calendar'));
+
+    $response->assertOk();
+    $response->assertInertia(fn ($page) => $page
+        ->where("posts.{$dateKey}.0.content", 'Caption visible in the calendar')
+    );
+});
+
 // Create tests
 test('create requires authentication', function () {
     $response = $this->get(route('app.posts.create'));