vignesh/trypost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix calendar showing 'no content' for every post

Browse source 
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
This commit is contained in:
Paulo Castellano 2026-06-02 09:12:14 -03:00
parent 7b4553fdbb
commit ba98f01530
2 changed files with 33 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
resources/js/pages/posts/Calendar.vue
View file

@ -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

21
tests/Feature/PostControllerTest.php
View file

@ -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'));