- {categories.map((cat, idx) => (
-
-
- {cat.icon}
-
{cat.title}
-
-
- {cat.items.map((item) => (
-
- ))}
+ {
+ categories.map((cat, idx) => (
+
+
+ {cat.icon}
+
{cat.title}
+
+
+ {cat.items.map((item) => (
+
+ ))}
+
-
- ))}
+ ))
+ }
{/* Additional Tools */}
@@ -390,7 +557,8 @@ const Home = ({ setView, fetchResponsibilityMap, recentIssues, handleUpvote, loa
{recentIssues.length > 0 ? (
recentIssues.map((issue) => (
-
+
{issue.category}
+ {(issue.severity === 'high' || issue.severity === 'critical') && (
+
+ {t('home.urgent')}
+
+ )}
{new Date(issue.created_at).toLocaleDateString()}
@@ -455,30 +628,32 @@ const Home = ({ setView, fetchResponsibilityMap, recentIssues, handleUpvote, loa
)}
-
+
{/* Scroll to Top Button - Appears on scroll */}
{/* Scroll to Top Button - Portal to Body */}
- {createPortal(
-
- {showScrollTop && (
-
-
-
- )}
- ,
- document.body
- )}
+ {
+ createPortal(
+
+ {showScrollTop && (
+
+
+
+ )}
+ ,
+ document.body
+ )
+ }
);
};
diff --git a/frontend/src/views/ReportForm.jsx b/frontend/src/views/ReportForm.jsx
index 8dbc60c3..b3fef086 100644
--- a/frontend/src/views/ReportForm.jsx
+++ b/frontend/src/views/ReportForm.jsx
@@ -20,7 +20,8 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
image: null,
latitude: null,
longitude: null,
- location: ''
+ location: '',
+ severity: 'medium'
});
const [gettingLocation, setGettingLocation] = useState(false);
const [severity, setSeverity] = useState(null);
@@ -54,50 +55,50 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
}, []);
const analyzeUrgency = async () => {
- if (!formData.description || formData.description.length < 5) return;
- setAnalyzingUrgency(true);
- try {
- const response = await fetch(`${API_URL}/api/analyze-urgency`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({ description: formData.description }),
- });
- if (response.ok) {
- const data = await response.json();
- setUrgencyAnalysis(data);
- }
- } catch (e) {
- console.error("Urgency analysis failed", e);
- } finally {
- setAnalyzingUrgency(false);
+ if (!formData.description || formData.description.length < 5) return;
+ setAnalyzingUrgency(true);
+ try {
+ const response = await fetch(`${API_URL}/api/analyze-urgency`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ description: formData.description }),
+ });
+ if (response.ok) {
+ const data = await response.json();
+ setUrgencyAnalysis(data);
}
+ } catch (e) {
+ console.error("Urgency analysis failed", e);
+ } finally {
+ setAnalyzingUrgency(false);
+ }
};
const autoDescribe = async () => {
- if (!formData.image) return;
- setDescribing(true);
+ if (!formData.image) return;
+ setDescribing(true);
- const uploadData = new FormData();
- uploadData.append('image', formData.image);
+ const uploadData = new FormData();
+ uploadData.append('image', formData.image);
- try {
- const response = await fetch(`${API_URL}/api/generate-description`, {
- method: 'POST',
- body: uploadData
- });
- if (response.ok) {
- const data = await response.json();
- if (data.description) {
- setFormData(prev => ({...prev, description: data.description}));
- }
- }
- } catch (e) {
- console.error("Auto description failed", e);
- } finally {
- setDescribing(false);
+ try {
+ const response = await fetch(`${API_URL}/api/generate-description`, {
+ method: 'POST',
+ body: uploadData
+ });
+ if (response.ok) {
+ const data = await response.json();
+ if (data.description) {
+ setFormData(prev => ({ ...prev, description: data.description }));
+ }
}
+ } catch (e) {
+ console.error("Auto description failed", e);
+ } finally {
+ setDescribing(false);
+ }
};
const analyzeImage = async (file) => {
@@ -110,87 +111,90 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
uploadData.append('image', file);
try {
- const response = await fetch(`${API_URL}/api/detect-severity`, {
- method: 'POST',
- body: uploadData
- });
- if (response.ok) {
- const data = await response.json();
- setSeverity(data);
- } else {
- const errorData = await response.json().catch(() => ({ detail: 'Unknown error' }));
- setAnalysisErrors(prev => ({ ...prev, severity: errorData.detail || 'Analysis failed' }));
+ const response = await fetch(`${API_URL}/api/detect-severity`, {
+ method: 'POST',
+ body: uploadData
+ });
+ if (response.ok) {
+ const data = await response.json();
+ setSeverity(data);
+ if (data.level) {
+ setFormData(prev => ({ ...prev, severity: data.level.toLowerCase() }));
}
+ } else {
+ const errorData = await response.json().catch(() => ({ detail: 'Unknown error' }));
+ setAnalysisErrors(prev => ({ ...prev, severity: errorData.detail || 'Analysis failed' }));
+ }
} catch (e) {
- console.error("Severity analysis failed", e);
- setAnalysisErrors(prev => ({ ...prev, severity: 'Network error - please try again' }));
+ console.error("Severity analysis failed", e);
+ setAnalysisErrors(prev => ({ ...prev, severity: 'Network error - please try again' }));
} finally {
- setAnalyzing(false);
+ setAnalyzing(false);
}
};
const analyzeDepth = async () => {
- if (!formData.image) return;
- setAnalyzingDepth(true);
- setDepthMap(null);
+ if (!formData.image) return;
+ setAnalyzingDepth(true);
+ setDepthMap(null);
- const uploadData = new FormData();
- uploadData.append('image', formData.image);
+ const uploadData = new FormData();
+ uploadData.append('image', formData.image);
- try {
- const data = await detectorsApi.depth(uploadData);
- if (data && data.depth_map) {
- setDepthMap(data.depth_map);
- }
- } catch (e) {
- console.error("Depth analysis failed", e);
- } finally {
- setAnalyzingDepth(false);
+ try {
+ const data = await detectorsApi.depth(uploadData);
+ if (data && data.depth_map) {
+ setDepthMap(data.depth_map);
}
+ } catch (e) {
+ console.error("Depth analysis failed", e);
+ } finally {
+ setAnalyzingDepth(false);
+ }
};
const mapSmartScanToCategory = (label) => {
- const map = {
- 'pothole': 'road',
- 'garbage': 'garbage',
- 'flooded street': 'water',
- 'fire accident': 'road',
- 'fallen tree': 'road',
- 'stray animal': 'road',
- 'blocked road': 'road',
- 'broken streetlight': 'streetlight',
- 'illegal parking': 'road',
- 'graffiti vandalism': 'college_infra',
- 'normal street': 'road'
- };
- return map[label] || 'road';
+ const map = {
+ 'pothole': 'road',
+ 'garbage': 'garbage',
+ 'flooded street': 'water',
+ 'fire accident': 'road',
+ 'fallen tree': 'road',
+ 'stray animal': 'road',
+ 'blocked road': 'road',
+ 'broken streetlight': 'streetlight',
+ 'illegal parking': 'road',
+ 'graffiti vandalism': 'college_infra',
+ 'normal street': 'road'
+ };
+ return map[label] || 'road';
};
const analyzeSmartScan = async (file) => {
- if (!file) return;
- setAnalyzingSmartScan(true);
- setSmartCategory(null);
- setAnalysisErrors(prev => ({ ...prev, smartScan: null }));
+ if (!file) return;
+ setAnalyzingSmartScan(true);
+ setSmartCategory(null);
+ setAnalysisErrors(prev => ({ ...prev, smartScan: null }));
- const uploadData = new FormData();
- uploadData.append('image', file);
+ const uploadData = new FormData();
+ uploadData.append('image', file);
- try {
- const data = await detectorsApi.smartScan(uploadData);
- if (data && data.category && data.category !== 'unknown') {
- const mappedCategory = mapSmartScanToCategory(data.category);
- setSmartCategory({
- original: data.category,
- mapped: mappedCategory,
- confidence: data.confidence
- });
- }
- } catch (e) {
- console.error("Smart scan failed", e);
- setAnalysisErrors(prev => ({ ...prev, smartScan: 'Smart scan failed - continuing with manual selection' }));
- } finally {
- setAnalyzingSmartScan(false);
+ try {
+ const data = await detectorsApi.smartScan(uploadData);
+ if (data && data.category && data.category !== 'unknown') {
+ const mappedCategory = mapSmartScanToCategory(data.category);
+ setSmartCategory({
+ original: data.category,
+ mapped: mappedCategory,
+ confidence: data.confidence
+ });
}
+ } catch (e) {
+ console.error("Smart scan failed", e);
+ setAnalysisErrors(prev => ({ ...prev, smartScan: 'Smart scan failed - continuing with manual selection' }));
+ } finally {
+ setAnalyzingSmartScan(false);
+ }
};
const compressImage = (file, maxWidth = 1024, maxHeight = 1024, quality = 0.8) => {
@@ -243,7 +247,7 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
});
}
- setFormData({...formData, image: processedFile});
+ setFormData({ ...formData, image: processedFile });
// Analyze in parallel but with error handling
await Promise.allSettled([
@@ -253,7 +257,7 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
} catch (error) {
console.error('Image processing failed:', error);
// Fallback to original file
- setFormData({...formData, image: file});
+ setFormData({ ...formData, image: file });
await Promise.allSettled([
analyzeImage(file),
analyzeSmartScan(file)
@@ -291,21 +295,21 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
const checkNearbyIssues = async () => {
if (!formData.latitude || !formData.longitude) {
- getLocation(); // Try to get location first
- return;
+ getLocation(); // Try to get location first
+ return;
}
setCheckingNearby(true);
try {
- const response = await fetch(`${API_URL}/api/issues/nearby?latitude=${formData.latitude}&longitude=${formData.longitude}&radius=50`);
- if (response.ok) {
- const data = await response.json();
- setNearbyIssues(data);
- setShowNearbyModal(true);
- }
+ const response = await fetch(`${API_URL}/api/issues/nearby?latitude=${formData.latitude}&longitude=${formData.longitude}&radius=50`);
+ if (response.ok) {
+ const data = await response.json();
+ setNearbyIssues(data);
+ setShowNearbyModal(true);
+ }
} catch (e) {
- console.error("Failed to check nearby issues", e);
+ console.error("Failed to check nearby issues", e);
} finally {
- setCheckingNearby(false);
+ setCheckingNearby(false);
}
};
@@ -355,10 +359,14 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
if (formData.image) {
payload.append('image', formData.image);
}
- // Append severity info if available
+ // Append severity info
+ payload.append('severity', formData.severity);
+
if (severity) {
- payload.append('severity_level', severity.level);
- payload.append('severity_score', severity.confidence);
+ // We still send detailed AI analysis if key matches what backend expects, or for logging
+ // But the main field is 'severity'
+ payload.append('ai_severity_level', severity.level);
+ payload.append('severity_score', severity.confidence);
}
try {
@@ -399,53 +407,160 @@ const ReportForm = ({ setView, setLoading, setError, setActionPlan, loading }) =
return (