david/ai-job-application
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Geographic Region Location designation (United States, Connecticut, Global) tag editor & quick dropdown filters

Browse Source
This commit is contained in:
david
2026-07-23 12:22:11 -04:00
parent 1e61798c13
commit 78da5645f7
3 changed files with 74 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.app.pid
+1 -1
View File
@@ -1 +1 @@
271577
271828
src/components/AutonomousEngine.tsx
+47 -2
View File
@@ -36,6 +36,21 @@ export const AutonomousEngine: React.FC<AutonomousEngineProps> = ({
const [criteria, setCriteria] = useState(userProfile.autoApplyCriteria);
const [targetRoleInput, setTargetRoleInput] = useState('');
const [excludedCompanyInput, setExcludedCompanyInput] = useState('');
const [locationInput, setLocationInput] = useState('');
const handleAddLocation = () => {
if (!locationInput.trim()) return;
const currentLocs = criteria.preferredLocations || [];
const updated = [...currentLocs, locationInput.trim()];
handleUpdateCriteria('preferredLocations', updated);
setLocationInput('');
};
const handleRemoveLocation = (loc: string) => {
const currentLocs = criteria.preferredLocations || [];
const updated = currentLocs.filter(l => l !== loc);
handleUpdateCriteria('preferredLocations', updated);
};
const [logs, setLogs] = useState<{ id: string; time: string; msg: string; type: 'info' | 'success' | 'warning' }[]>([
{ id: '1', time: '10:15 AM', msg: 'Autonomous AI Daemon initialized with Gemini 3.6 Flash.', type: 'info' },
@@ -248,9 +263,39 @@ export const AutonomousEngine: React.FC<AutonomousEngineProps> = ({
</div>
</div>
{/* Preferred Locations & Work Type (Remote / Hybrid / Onsite) */}
{/* Preferred Work Locations Tags */}
<div>
<label className="block text-xs font-semibold text-slate-300 mb-1.5">Preferred Work Locations & Remote Status</label>
<label className="block text-xs font-semibold text-slate-300 mb-1.5">Designated Target Locations & Regions</label>
<div className="flex gap-2 mb-2">
<input
type="text"
placeholder="e.g. United States, Connecticut, Remote US"
value={locationInput}
onChange={(e) => setLocationInput(e.target.value)}
className="flex-1 px-3 py-1.5 rounded-xl bg-slate-950 border border-slate-800 text-slate-200 text-xs focus:outline-none focus:border-indigo-500"
/>
<button
type="button"
onClick={handleAddLocation}
className="px-3 py-1.5 rounded-xl bg-slate-800 hover:bg-slate-700 text-slate-200 text-xs font-semibold"
>
Add Location
</button>
</div>
<div className="flex flex-wrap gap-1.5 mb-2">
{(criteria.preferredLocations || []).map((loc, idx) => (
<span key={idx} className="px-2.5 py-1 rounded-lg bg-blue-950/80 text-blue-300 border border-blue-500/30 text-xs flex items-center gap-1.5">
<MapPin className="w-3 h-3 text-blue-400" />
{loc}
<button type="button" onClick={() => handleRemoveLocation(loc)} className="hover:text-white ml-1">✕</button>
</span>
))}
</div>
</div>
{/* Preferred Work Type (Remote / Hybrid / Onsite) */}
<div>
<label className="block text-xs font-semibold text-slate-300 mb-1.5">Preferred Work Environment</label>
<div className="flex items-center gap-3 text-xs mb-2">
{['Remote', 'Hybrid', 'Onsite'].map((type) => {
const workTypes = criteria.preferredWorkTypes || ['Remote', 'Hybrid'];
src/components/JobFeeds.tsx
+26 -3
View File
@@ -25,9 +25,9 @@ export const JobFeeds: React.FC<JobFeedsProps> = ({
onTailorJobFeed,
onQuickApplyFeed
}) => {
const [searchTerm, setSearchTerm] = useState('');
const [selectedPlatform, setSelectedPlatform] = useState<string>('ALL');
const [selectedWorkType, setSelectedWorkType] = useState<string>('ALL');
const [selectedLocationFilter, setSelectedLocationFilter] = useState<string>('ALL');
const [minMatch, setMinMatch] = useState<number>(0);
const [appliedFeedIds, setAppliedFeedIds] = useState<string[]>([]);
const [isFetchingFeeds, setIsFetchingFeeds] = useState(false);
@@ -67,9 +67,19 @@ export const JobFeeds: React.FC<JobFeedsProps> = ({
matchesWorkType = !feedLoc.includes('remote') && !feedDesc.includes('remote');
}
// Specific Location Region Filter (United States, Connecticut, Global)
let matchesRegionLocation = true;
if (selectedLocationFilter === 'US') {
matchesRegionLocation = feedLoc.includes('us') || feedLoc.includes('united states') || feedLoc.includes('remote us') || feedDesc.includes('united states');
} else if (selectedLocationFilter === 'CT') {
matchesRegionLocation = feedLoc.includes('ct') || feedLoc.includes('connecticut') || feedDesc.includes('connecticut');
} else if (selectedLocationFilter === 'GLOBAL') {
matchesRegionLocation = feedLoc.includes('global') || feedLoc.includes('worldwide') || feedLoc.includes('international');
}
const matchesMatch = (feed.estimatedMatch ?? 80) >= minMatch;
return matchesSearch && matchesPlatform && matchesWorkType && matchesMatch;
return matchesSearch && matchesPlatform && matchesWorkType && matchesRegionLocation && matchesMatch;
});
const handleFetchLiveFeeds = async () => {
@@ -141,6 +151,18 @@ export const JobFeeds: React.FC<JobFeedsProps> = ({
{/* Platform & Work Type & Match Threshold */}
<div className="flex items-center flex-wrap gap-2.5 text-xs">
{/* Location Region Filter Dropdown */}
<select
value={selectedLocationFilter}
onChange={(e) => setSelectedLocationFilter(e.target.value)}
className="px-3 py-2 rounded-xl bg-slate-950 border border-slate-800 text-blue-300 font-semibold text-xs focus:outline-none focus:border-indigo-500"
>
<option value="ALL">All Regions & Locations</option>
<option value="US">🇺🇸 United States / Remote US</option>
<option value="CT">🏛️ Connecticut (CT)</option>
<option value="GLOBAL">🌍 Global / International</option>
</select>
{/* Work Type Filter Dropdown */}
<select
value={selectedWorkType}
@@ -181,12 +203,13 @@ export const JobFeeds: React.FC<JobFeedsProps> = ({
/>
</div>
{(searchTerm || selectedPlatform !== 'ALL' || selectedWorkType !== 'ALL' || minMatch > 0) && (
{(searchTerm || selectedPlatform !== 'ALL' || selectedWorkType !== 'ALL' || selectedLocationFilter !== 'ALL' || minMatch > 0) && (
<button
onClick={() => {
setSearchTerm('');
setSelectedPlatform('ALL');
setSelectedWorkType('ALL');
setSelectedLocationFilter('ALL');
setMinMatch(0);
}}
className="px-3 py-2 rounded-xl bg-indigo-950 border border-indigo-500/40 text-indigo-300 text-xs font-semibold hover:bg-indigo-900 transition"