Michael/LogiFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/LogiFlow.git synced 2026-10-23 15:08:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve announcement display by adjusting layout and content visibility

Browse Source 
Refactor AnnouncementCard component to adjust flex layout, remove unused TypeIcon import, and modify div structure for better presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e437ffed-c31b-44eb-9fd5-b6f9faa8e7ce
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/e437ffed-c31b-44eb-9fd5-b6f9faa8e7ce/dMHQVxZ
This commit is contained in:
michaelschal committed 2025-08-17 08:40:00 +00:00
1 parent 5f270c0aa8
commit 3c2639d9b9
2 files changed
+22 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

attached_assets/image_1755419859659.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

client/src/components/AnnouncementCard.tsx
+22 -26
View File
@@ -383,37 +383,33 @@ export default function AnnouncementCard() {
<div className="space-y-3"> <div className="space-y-3">
{announcements.map((announcement) => { {announcements.map((announcement) => {
const priorityConfig = getPriorityConfig(announcement.type); const priorityConfig = getPriorityConfig(announcement.type);
const TypeIcon = getTypeIcon(announcement.type);
return ( return (
<div key={announcement.id} className="flex items-start justify-between p-3 rounded-lg border bg-card hover:bg-accent/50 transition-colors"> <div key={announcement.id} className="flex items-start justify-between p-3 rounded-lg border bg-card hover:bg-accent/50 transition-colors">
<div className="flex items-start gap-3 flex-1 min-w-0"> <div className="flex-1 min-w-0">
<TypeIcon className="h-4 w-4 text-muted-foreground mt-0.5 flex-shrink-0" /> <div className="flex items-center gap-2 mb-1">
<div className="flex-1 min-w-0"> <h4 className="font-medium text-sm truncate">
<div className="flex items-center justify-between gap-2 mb-1"> {announcement.title}
<h4 className="font-medium text-sm truncate"> </h4>
{announcement.title} <Badge variant={priorityConfig.color} className="flex items-center gap-1 text-xs">
</h4> {priorityConfig.label}
<Badge variant={priorityConfig.color} className="flex items-center gap-1 text-xs flex-shrink-0"> </Badge>
{priorityConfig.label} </div>
</Badge>
</div>
{announcement.content && ( {announcement.content && (
<p className="text-xs text-muted-foreground mb-1 line-clamp-1"> <p className="text-xs text-muted-foreground mb-1 line-clamp-1">
{announcement.content} {announcement.content}
</p> </p>
)} )}
<div className="flex items-center gap-3 text-xs text-muted-foreground"> <div className="flex items-center gap-3 text-xs text-muted-foreground">
<span> <span>
{safeFormat(safeDate(announcement.createdAt), 'dd/MM à HH:mm')} {safeFormat(safeDate(announcement.createdAt), 'dd/MM à HH:mm')}
</span> </span>
<span> <span>
{announcement.author.firstName} {announcement.author.lastName} {announcement.author.firstName} {announcement.author.lastName}
{announcement.group && ` • ${announcement.group.name}`} {announcement.group && ` • ${announcement.group.name}`}
</span> </span>
</div>
</div> </div>
</div> </div>
{user?.role === 'admin' && ( {user?.role === 'admin' && (