christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 10:55:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Remove redundant info cards from Experiment detail view

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-03-10 13:13:23 +01:00
parent 9bdb7a5c4a
commit b8c3a6ff49
1 changed files with 6 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/ExperimentsView.tsx
+6 -46
View File
@@ -710,51 +710,7 @@ const ExperimentDetailView: React.FC<{
</div>
</div>
{/* Bottom Info Grid */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<div className="bg-[#1e293b]/40 border border-white/5 rounded-3xl p-6 md:p-8 relative">
<div className="w-12 h-12 rounded-full bg-indigo-500/10 flex items-center justify-center text-indigo-400 mb-6">
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<div className="text-[10px] font-black uppercase tracking-widest text-[#94a3b8] mb-1">Test Timeline</div>
<div className="text-2xl font-black text-white mb-6">12 Weeks</div>
<div className="border-t border-[#334155] pt-5 mb-5 space-y-1">
<div className="text-[10px] font-black uppercase tracking-widest text-[#64748b]">Active Test Period</div>
<div className="text-[15px] font-bold text-white">Jan 01 - Mar 25, 2026</div>
<div className="text-[11px] text-[#4f46e5] font-semibold">Weeks 1-12 (2026)</div>
</div>
<div className="space-y-1">
<div className="text-[10px] font-black uppercase tracking-widest text-[#64748b]">Comparison Baseline</div>
<div className="text-[15px] font-bold text-[#94a3b8]">Oct 01 - Dec 24, 2025</div>
<div className="text-[11px] text-[#64748b] font-medium">Weeks 40-51 (2025)</div>
</div>
</div>
<div className="bg-[#6366f1] rounded-3xl p-8 relative overflow-hidden flex flex-col justify-center">
<div className="absolute -bottom-10 -right-10 opacity-[0.15]">
<svg className="w-64 h-64" viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" /></svg>
</div>
<div className="relative z-10 flex items-center gap-2 text-[#e0e7ff] text-[10px] font-black uppercase tracking-widest mb-4">
<svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" /></svg>
Statistical Insight
</div>
<p className="relative z-10 text-xl font-bold text-white leading-relaxed">
Results are normalized against the Pre-test Baseline to account for category seasonality.
</p>
</div>
<div className="bg-[#1e293b]/40 border border-white/5 rounded-3xl p-6 md:p-8 flex flex-col justify-center items-start">
<div className="w-16 h-16 rounded-2xl border border-amber-500/20 bg-amber-500/10 flex items-center justify-center text-amber-500 mb-6">
<span className="text-3xl font-serif">T</span>
</div>
<div className="text-[10px] font-black uppercase tracking-widest text-white mb-3">Content Strategy</div>
<p className="text-[15px] text-[#94a3b8] leading-relaxed max-w-xs font-medium">
Focus on high-velocity benefit descriptors in Treatment B.
</p>
</div>
</div>
</div>
);
};
@@ -791,8 +747,12 @@ const ExperimentFormView: React.FC<{
const parseAsins = (raw: string): string[] => {
return raw
.split(/[\s,;\n]+/)
.map(s => s.trim().toUpperCase())
.split(/[,;\n]+/)
.flatMap(chunk => {
const trimmed = chunk.trim().toUpperCase();
if (trimmed.startsWith('LINE:')) return [trimmed];
return trimmed.split(/\s+/);
})
.filter(s => s.length >= 5);
};