vibeasite-templates/template-product-management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: product-management template (23 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:01:48 +00:00
parent f6227ed6eb
commit 4c2b3643f4
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Feedback.tsx
+4 -4
View File
@@ -168,7 +168,7 @@ export default function FeedbackPage() {
variant={sortBy === option ? "default" : "ghost"} variant={sortBy === option ? "default" : "ghost"}
size="sm" size="sm"
onClick={() => setSortBy(option)} onClick={() => setSortBy(option)}
className={`rounded-none text-xs capitalize \${sortBy === option ? "bg-blue-600 hover:bg-blue-700 text-white" : ""}`} className={`rounded-none text-xs capitalize ${sortBy === option ? "bg-blue-600 hover:bg-blue-700 text-white" : ""}`}
> >
{option === "votes" && <ThumbsUp className="mr-1 h-3 w-3" />} {option === "votes" && <ThumbsUp className="mr-1 h-3 w-3" />}
{option === "newest" && <Clock className="mr-1 h-3 w-3" />} {option === "newest" && <Clock className="mr-1 h-3 w-3" />}
@@ -245,7 +245,7 @@ export default function FeedbackPage() {
<div className="flex items-start justify-between gap-3 mb-2"> <div className="flex items-start justify-between gap-3 mb-2">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<Avatar className="h-8 w-8"> <Avatar className="h-8 w-8">
<AvatarFallback className={`text-xs text-white \${item.userColor}`}>{item.userInitials}</AvatarFallback> <AvatarFallback className={`text-xs text-white ${item.userColor}`}>{item.userInitials}</AvatarFallback>
</Avatar> </Avatar>
<div> <div>
<p className="text-sm font-medium text-slate-900">{item.user}</p> <p className="text-sm font-medium text-slate-900">{item.user}</p>
@@ -253,11 +253,11 @@ export default function FeedbackPage() {
</div> </div>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Badge className={`\${item.categoryColor} text-xs font-medium border-0 flex items-center gap-1`}> <Badge className={`${item.categoryColor} text-xs font-medium border-0 flex items-center gap-1`}>
{IconComponent && <IconComponent className="h-3 w-3" />} {IconComponent && <IconComponent className="h-3 w-3" />}
{item.category} {item.category}
</Badge> </Badge>
<Badge className={`\${item.statusColor} text-xs font-medium border-0`}>{item.status}</Badge> <Badge className={`${item.statusColor} text-xs font-medium border-0`}>{item.status}</Badge>
</div> </div>
</div> </div>
<p className="text-sm text-slate-600 leading-relaxed">{item.text}</p> <p className="text-sm text-slate-600 leading-relaxed">{item.text}</p>