feat: add AI enhancement buttons to Industry and Target Audience fields

This commit is contained in:
Gemini AI
2025-12-29 16:18:00 +04:00
Unverified
parent 10eb12648d
commit a7c5e92011

View File

@@ -51,6 +51,8 @@ export default function GoogleAdsGenerator() {
const [isMagicThinking, setIsMagicThinking] = useState(false);
const [isEnhancing, setIsEnhancing] = useState(false);
const [isEnhancingAudience, setIsEnhancingAudience] = useState(false);
const [isEnhancingIndustry, setIsEnhancingIndustry] = useState(false);
const [progressMessage, setProgressMessage] = useState("");
const [progressIndex, setProgressIndex] = useState(0);
@@ -323,6 +325,36 @@ export default function GoogleAdsGenerator() {
}
};
const handleEnhanceAudience = async () => {
if (!targetAudience.trim()) return;
setIsEnhancingAudience(true);
setError(null);
try {
const result = await modelAdapter.enhancePrompt(targetAudience, selectedProvider, selectedModel);
if (result.success && result.data) setTargetAudience(result.data);
else setError(result.error || "Failed to enhance audience");
} catch (err) {
setError(err instanceof Error ? err.message : "Audience enhancement failed");
} finally {
setIsEnhancingAudience(false);
}
};
const handleEnhanceIndustry = async () => {
if (!industry.trim()) return;
setIsEnhancingIndustry(true);
setError(null);
try {
const result = await modelAdapter.enhancePrompt(industry, selectedProvider, selectedModel);
if (result.success && result.data) setIndustry(result.data);
else setError(result.error || "Failed to enhance industry");
} catch (err) {
setError(err instanceof Error ? err.message : "Industry enhancement failed");
} finally {
setIsEnhancingIndustry(false);
}
};
const handleCopy = async () => {
const content = googleAdsResult?.rawContent || magicWandResult?.rawContent;
if (content) {
@@ -1023,7 +1055,23 @@ export default function GoogleAdsGenerator() {
</div>
</div>
<div className="space-y-2">
<label className="text-xs lg:text-sm font-medium">{t.industry}</label>
<div className="flex items-center justify-between">
<label className="text-xs lg:text-sm font-medium">{t.industry}</label>
<Button
variant="ghost"
size="sm"
className="h-5 px-1.5 text-[9px] font-black uppercase tracking-wider text-indigo-600 hover:text-indigo-700 hover:bg-indigo-50 gap-1 transition-all"
onClick={handleEnhanceIndustry}
disabled={isEnhancingIndustry || !industry.trim()}
>
{isEnhancingIndustry ? (
<Loader2 className="h-2.5 w-2.5 animate-spin" />
) : (
<Wand2 className="h-2.5 w-2.5" />
)}
Enhance
</Button>
</div>
<Input
placeholder="e.g., SaaS"
value={industry}
@@ -1034,7 +1082,23 @@ export default function GoogleAdsGenerator() {
</div>
<div className="space-y-2">
<label className="text-xs lg:text-sm font-medium">{t.targetAudience}</label>
<div className="flex items-center justify-between">
<label className="text-xs lg:text-sm font-medium">{t.targetAudience}</label>
<Button
variant="ghost"
size="sm"
className="h-5 px-1.5 text-[9px] font-black uppercase tracking-wider text-indigo-600 hover:text-indigo-700 hover:bg-indigo-50 gap-1 transition-all"
onClick={handleEnhanceAudience}
disabled={isEnhancingAudience || !targetAudience.trim()}
>
{isEnhancingAudience ? (
<Loader2 className="h-2.5 w-2.5 animate-spin" />
) : (
<Wand2 className="h-2.5 w-2.5" />
)}
AI Audience enhancer
</Button>
</div>
<Textarea
placeholder={t.audiencePlaceholder}
value={targetAudience}