Add persistent Shoulder-Surfing launcher button in Step 1 of Job Walkthrough & Tailor tab

This commit is contained in:
2026-07-23 14:19:45 -04:00
parent 5a919c520d
commit f17b1d0f6e
3 changed files with 40 additions and 3 deletions
+17 -2
View File
@@ -263,8 +263,23 @@ export const WalkthroughTailor: React.FC<WalkthroughTailorProps> = ({
/>
</div>
{/* Generate Tailored Resume Button */}
<div className="mt-4 flex justify-end">
{/* Action Bar for Step 1 */}
<div className="mt-4 flex flex-wrap items-center justify-between gap-3">
<button
type="button"
onClick={() => {
if (!companyName && !jobTitle) {
setCompanyName('Target Employer');
setJobTitle('Cybersecurity Specialist');
}
setIsSurfingActive(true);
}}
className="px-4 py-2.5 rounded-xl bg-gradient-to-r from-amber-500 to-amber-600 hover:from-amber-400 hover:to-amber-500 text-slate-950 font-bold text-xs shadow-lg shadow-amber-500/20 flex items-center gap-1.5 transition-all cursor-pointer"
>
<Eye className="w-4 h-4" />
<span>Launch Live Shoulder-Surfing Inspector</span>
</button>
<button
onClick={handleGenerateTailored}
disabled={isTailoring || !jobTitle || !companyName || !jobDescriptionText}