feat: add AI enhancement buttons to Industry and Target Audience fields
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user