jandres/temp_SSA_SCAN
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes: - Remove unused tags

Browse Source
This commit is contained in:
Jose Andres
2025-10-12 23:45:51 -06:00
parent cd71794a7b
commit 25541a4e7f
1 changed files with 26 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
components/shoe-results-popup.tsx
View File

@@ -136,74 +136,38 @@ export default function ShoeResultsPopup({ isOpen, onOpenChange, detectedSKU }:
<div className="p-6 space-y-6">
{/* Brand Badge and Tags */}
<div className="space-y-3">
<div className="flex items-center flex-wrap gap-2">
<Badge variant="secondary" className="bg-white/10 text-white border-white/20">
<Store size={12} className="mr-1" />
{product.brand}
<div className="flex items-center gap-2 overflow-x-auto pb-1">
<Badge variant="secondary" className="bg-white/10 text-white border-white/20 whitespace-nowrap">
<Store size={12} className="mr-1" />
{product.brand}
</Badge>
{pricing.discount > 0 && (
<Badge className="bg-red-500/20 text-red-300 border-red-500/30 whitespace-nowrap">
-{pricing.discount}%
</Badge>
)}
{genderInfo && (
<Badge variant="outline" className={`${genderInfo.color} whitespace-nowrap`}>
<span className="mr-1">{genderInfo.icon}</span>
{genderInfo.label}
</Badge>
)}
{seasonInfo && (
<Badge variant="outline" className={`${seasonInfo.color} whitespace-nowrap`}>
<span className="mr-1">{seasonInfo.icon}</span>
{seasonInfo.season}
</Badge>
)}
{occasionInfo && (
<Badge variant="outline" className={`${occasionInfo.color} whitespace-nowrap`}>
<span className="mr-1">{occasionInfo.icon}</span>
{occasionInfo.label}
</Badge>
{pricing.discount > 0 && (
<Badge className="bg-red-500/20 text-red-300 border-red-500/30">
-{pricing.discount}%
</Badge>
)}
</div>
{/* Gender, Season & Occasion Info */}
<div className="flex items-center flex-wrap gap-2">
{genderInfo && (
<Badge variant="outline" className={genderInfo.color}>
<span className="mr-1">{genderInfo.icon}</span>
{genderInfo.label}
</Badge>
)}
{seasonInfo && (
<Badge variant="outline" className={seasonInfo.color}>
<span className="mr-1">{seasonInfo.icon}</span>
{seasonInfo.season}
</Badge>
)}
{occasionInfo && (
<Badge variant="outline" className={occasionInfo.color}>
<span className="mr-1">{occasionInfo.icon}</span>
{occasionInfo.label}
</Badge>
)}
</div>
{/* Product Clusters/Tags */}
{clusters.length > 0 && (
<div className="flex items-center flex-wrap gap-2">
{clusters.map((cluster) => (
<Badge
key={cluster.id}
variant="outline"
className="bg-blue-500/10 text-blue-300 border-blue-500/30 text-xs"
>
<Tag size={10} className="mr-1" />
{cluster.displayName}
</Badge>
))}
</div>
)}
</div>
{/* Product Name & Price */}
<div className="space-y-2">
{/* SKU Detection Badge */}
{detectedSKU && (
<div className="bg-green-500/20 border border-green-500/30 rounded-lg p-3 mb-4">
<div className="flex items-center gap-2">
<div className="w-2 h-2 bg-green-400 rounded-full animate-pulse"></div>
<span className="text-green-300 font-medium text-sm">✅ Producto Identificado por IA</span>
</div>
<div className="flex items-center gap-2 mt-2">
<Tag size={16} className="text-green-400" />
<span className="text-green-100 font-bold">SKU: {detectedSKU}</span>
</div>
</div>
)}
<h1 className="text-2xl font-bold tracking-tight text-white md:text-3xl leading-tight">
{product.productName}
</h1>