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

feat: add Supabase vendor data integration (BSR, ratings, buy box)

Browse Source 
- Create vendor_daily_data table schema and Supabase client service
- Add upload API route for Vendor Central CSV parsing and upsert
- Add VendorDataView with BSR trend, ratings, and buy box charts
- Integrate new Vendor tab into app navigation (desktop + mobile)
- Add vendor CSV upload card to FileUpload modal

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Christian Vidal Wolf
2026-02-20 13:19:25 +01:00
co-authored by Claude Opus 4.6
parent fed39b18be
commit 2bce0a839b
10 changed files with 1400 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/FileUpload.tsx
+33 -1
View File
@@ -6,6 +6,7 @@ interface FileUploadProps {
onSalesUpload: (file: File) => void;
onAdsUpload: (file: File) => void;
onTrafficUpload?: (file: File) => void;
onVendorUpload?: (file: File) => void;
onUrlSubmit: () => void;
isLoading: boolean;
activeUrl?: string | null;
@@ -17,6 +18,7 @@ const FileUpload: React.FC<FileUploadProps> = ({
onSalesUpload,
onAdsUpload,
onTrafficUpload,
onVendorUpload,
onUrlSubmit,
isLoading,
activeUrl,
@@ -43,6 +45,12 @@ const FileUpload: React.FC<FileUploadProps> = ({
}
};
const handleVendorChange = (e: ChangeEvent<HTMLInputElement>) => {
if (e.target.files && e.target.files.length > 0 && onVendorUpload) {
onVendorUpload(e.target.files[0]);
}
};
const handleUrlSubmit = (e: React.FormEvent) => {
e.preventDefault();
if (url.trim()) {
@@ -138,7 +146,7 @@ const FileUpload: React.FC<FileUploadProps> = ({
</div>
{onTrafficUpload && (
<div className="rounded-xl border border-dashed border-slate-700 bg-slate-900/50 hover:bg-slate-900 transition-colors group h-full col-span-2">
<div className="rounded-xl border border-dashed border-slate-700 bg-slate-900/50 hover:bg-slate-900 transition-colors group h-full">
<label htmlFor="traffic-upload" className="cursor-pointer flex flex-col items-center justify-center gap-3 p-6 h-full">
<div className="p-3 bg-teal-500/10 rounded-full text-teal-400 group-hover:scale-110 transition-transform">
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
@@ -161,6 +169,30 @@ const FileUpload: React.FC<FileUploadProps> = ({
</label>
</div>
)}
{onVendorUpload && (
<div className="rounded-xl border border-dashed border-slate-700 bg-slate-900/50 hover:bg-slate-900 transition-colors group h-full">
<label htmlFor="vendor-upload" className="cursor-pointer flex flex-col items-center justify-center gap-3 p-6 h-full">
<div className="p-3 bg-emerald-500/10 rounded-full text-emerald-400 group-hover:scale-110 transition-transform">
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
</svg>
</div>
<div className="text-center">
<h3 className="font-semibold text-slate-200">Upload Vendor CSV</h3>
<p className="text-[10px] text-slate-500 mt-1">BSR, Ratings, Buy Box</p>
</div>
<input
id="vendor-upload"
type="file"
accept=".csv"
onChange={handleVendorChange}
disabled={isLoading}
className="hidden"
/>
</label>
</div>
)}
</div>
</div>
);