feat(market-intel): complete end-to-end audit with enhanced UX and grounding
- Integrated ICP-based lookalike sourcing. - Implemented Deep Tech Audit with automated evidence collection. - Enhanced processing terminal with real-time logs. - Refined daily logging and resolved all dependency issues. - Documented final status and next steps.
This commit is contained in:
@@ -1,10 +1,15 @@
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import { Trash2, Plus, CheckCircle2, ExternalLink, FileText } from 'lucide-react';
|
||||
import { Trash2, Plus, CheckCircle2, ExternalLink, FileText, Globe, Landmark, MapPin } from 'lucide-react';
|
||||
import { Competitor } from '../types';
|
||||
|
||||
interface StepReviewProps {
|
||||
competitors: Competitor[];
|
||||
competitors: Competitor[]; // Flattened list for overall count and manual management
|
||||
categorizedCompetitors: {
|
||||
localCompetitors: Competitor[];
|
||||
nationalCompetitors: Competitor[];
|
||||
internationalCompetitors: Competitor[];
|
||||
} | null;
|
||||
onRemove: (id: string) => void;
|
||||
onAdd: (name: string) => void;
|
||||
onConfirm: () => void;
|
||||
@@ -12,7 +17,8 @@ interface StepReviewProps {
|
||||
onShowReport?: () => void;
|
||||
}
|
||||
|
||||
export const StepReview: React.FC<StepReviewProps> = ({ competitors, onRemove, onAdd, onConfirm, hasResults, onShowReport }) => {
|
||||
export const StepReview: React.FC<StepReviewProps> = ({ competitors, categorizedCompetitors, onRemove, onAdd, onConfirm, hasResults, onShowReport }) => {
|
||||
console.log("StepReview Props:", { competitors, categorizedCompetitors });
|
||||
const [newCompany, setNewCompany] = useState('');
|
||||
|
||||
const handleAdd = (e: React.FormEvent) => {
|
||||
@@ -23,6 +29,47 @@ export const StepReview: React.FC<StepReviewProps> = ({ competitors, onRemove, o
|
||||
}
|
||||
};
|
||||
|
||||
const renderCompetitorList = (comps: Competitor[], category: string) => {
|
||||
if (!comps || comps.length === 0) {
|
||||
return (
|
||||
<li className="p-4 text-center text-slate-500 italic bg-white rounded-md border border-slate-100 mb-2 last:mb-0">
|
||||
Keine {category} Konkurrenten gefunden.
|
||||
</li>
|
||||
);
|
||||
}
|
||||
return comps.map((comp) => (
|
||||
<li key={comp.id} className="flex items-start justify-between p-4 hover:bg-slate-50 transition-colors group bg-white rounded-md border border-slate-100 mb-2 last:mb-0">
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="font-bold text-slate-800 text-lg">{comp.name}</span>
|
||||
{comp.url && (
|
||||
<a
|
||||
href={comp.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-indigo-500 hover:text-indigo-700 p-1 rounded hover:bg-indigo-50"
|
||||
title={comp.url}
|
||||
>
|
||||
<ExternalLink size={14} />
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
{comp.description && (
|
||||
<p className="text-sm text-slate-500 mt-1 pr-8">{comp.description}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={() => onRemove(comp.id)}
|
||||
className="text-slate-400 hover:text-red-500 p-2 rounded-full hover:bg-red-50 transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100 self-center"
|
||||
aria-label="Remove"
|
||||
>
|
||||
<Trash2 size={18} />
|
||||
</button>
|
||||
</li>
|
||||
));
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="max-w-4xl mx-auto mt-8 px-4 pb-24">
|
||||
<div className="flex items-end justify-between mb-6">
|
||||
@@ -37,63 +84,96 @@ export const StepReview: React.FC<StepReviewProps> = ({ competitors, onRemove, o
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden">
|
||||
<ul className="divide-y divide-slate-100">
|
||||
{competitors.map((comp) => (
|
||||
<li key={comp.id} className="flex items-start justify-between p-4 hover:bg-slate-50 transition-colors group">
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="font-bold text-slate-800 text-lg">{comp.name}</span>
|
||||
{comp.url && (
|
||||
<a
|
||||
href={comp.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-indigo-500 hover:text-indigo-700 p-1 rounded hover:bg-indigo-50"
|
||||
title={comp.url}
|
||||
>
|
||||
<ExternalLink size={14} />
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
{comp.description && (
|
||||
<p className="text-sm text-slate-500 mt-1 pr-8">{comp.description}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={() => onRemove(comp.id)}
|
||||
className="text-slate-400 hover:text-red-500 p-2 rounded-full hover:bg-red-50 transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100 self-center"
|
||||
aria-label="Remove"
|
||||
>
|
||||
<Trash2 size={18} />
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
{competitors.length === 0 && (
|
||||
<li className="p-8 text-center text-slate-500 italic">
|
||||
No companies in list. Add some manually below.
|
||||
</li>
|
||||
<div className="space-y-8">
|
||||
{/* Local Competitors */}
|
||||
<div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||||
<h3 className="text-lg font-bold text-slate-800 mb-4 flex items-center gap-2">
|
||||
<MapPin size={20} className="text-indigo-600" /> Lokale Konkurrenten
|
||||
</h3>
|
||||
<ul className="space-y-2">
|
||||
{categorizedCompetitors?.localCompetitors && renderCompetitorList(categorizedCompetitors.localCompetitors, 'lokale')}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* National Competitors */}
|
||||
<div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||||
<h3 className="text-lg font-bold text-slate-800 mb-4 flex items-center gap-2">
|
||||
<Landmark size={20} className="text-indigo-600" /> Nationale Konkurrenten
|
||||
</h3>
|
||||
<ul className="space-y-2">
|
||||
{categorizedCompetitors?.nationalCompetitors && renderCompetitorList(categorizedCompetitors.nationalCompetitors, 'nationale')}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* International Competitors */}
|
||||
<div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||||
<h3 className="text-lg font-bold text-slate-800 mb-4 flex items-center gap-2">
|
||||
<Globe size={20} className="text-indigo-600" /> Internationale Konkurrenten
|
||||
</h3>
|
||||
<ul className="space-y-2">
|
||||
{categorizedCompetitors?.internationalCompetitors && renderCompetitorList(categorizedCompetitors.internationalCompetitors, 'internationale')}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Manual Additions */}
|
||||
<div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||||
<h3 className="text-lg font-bold text-slate-800 mb-4 flex items-center gap-2">
|
||||
<Plus size={20} className="text-slate-600" /> Manuelle Ergänzungen
|
||||
</h3>
|
||||
<form onSubmit={handleAdd} className="flex gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={newCompany}
|
||||
onChange={(e) => setNewCompany(e.target.value)}
|
||||
placeholder="Add another company manually..."
|
||||
className="flex-1 px-4 py-2 rounded-lg border border-slate-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 outline-none"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={!newCompany.trim()}
|
||||
className="bg-white border border-slate-300 text-slate-700 hover:bg-slate-100 font-medium px-4 py-2 rounded-lg flex items-center gap-2 disabled:opacity-50"
|
||||
>
|
||||
<Plus size={18} /> Add
|
||||
</button>
|
||||
</form>
|
||||
{competitors.length > 0 && (
|
||||
<ul className="mt-4 space-y-2">
|
||||
{competitors.filter(comp => !categorizedCompetitors?.localCompetitors?.some(c => c.id === comp.id) &&
|
||||
!categorizedCompetitors?.nationalCompetitors?.some(c => c.id === comp.id) &&
|
||||
!categorizedCompetitors?.internationalCompetitors?.some(c => c.id === comp.id))
|
||||
.map((comp) => (
|
||||
<li key={comp.id} className="flex items-start justify-between p-4 hover:bg-slate-50 transition-colors group bg-white rounded-md border border-slate-100">
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="font-bold text-slate-800 text-lg">{comp.name}</span>
|
||||
{comp.url && (
|
||||
<a
|
||||
href={comp.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-indigo-500 hover:text-indigo-700 p-1 rounded hover:bg-indigo-50"
|
||||
title={comp.url}
|
||||
>
|
||||
<ExternalLink size={14} />
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
{comp.description && (
|
||||
<p className="text-sm text-slate-500 mt-1 pr-8">{comp.description}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={() => onRemove(comp.id)}
|
||||
className="text-slate-400 hover:text-red-500 p-2 rounded-full hover:bg-red-50 transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100 self-center"
|
||||
aria-label="Remove"
|
||||
>
|
||||
<Trash2 size={18} />
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</ul>
|
||||
|
||||
<div className="bg-slate-50 p-4 border-t border-slate-200">
|
||||
<form onSubmit={handleAdd} className="flex gap-2">
|
||||
<input
|
||||
type="text"
|
||||
value={newCompany}
|
||||
onChange={(e) => setNewCompany(e.target.value)}
|
||||
placeholder="Add another company manually..."
|
||||
className="flex-1 px-4 py-2 rounded-lg border border-slate-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 outline-none"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={!newCompany.trim()}
|
||||
className="bg-white border border-slate-300 text-slate-700 hover:bg-slate-100 font-medium px-4 py-2 rounded-lg flex items-center gap-2 disabled:opacity-50"
|
||||
>
|
||||
<Plus size={18} /> Add
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user