Merge pull request #30 from akshay0611/fix/linterrors

refactor(app): Remove unused imports and clean up component structure

Author: akshay0611

package-lock.json

@@ -14,7 +14,6 @@ import Home from "./pages/Home";
 import SymptomChecker from "./pages/SymptomChecker";
 import Doctors from "./pages/Doctors";
 import Appointment from "./pages/Appointment";
-import Dashboard from "./pages/Dashboard";
 import Hospitals from "./pages/Hospitals";
 import Faq from "./pages/FAQ";
 import Contact from "./pages/Contact";

src/App.tsx

@@ -50,7 +50,7 @@ const HistoryPanel: React.FC<HistoryPanelProps> = ({ onClose, onSelect, isOpen }
     try {
       const date = new Date(dateString);
       return format(date, 'MMM d, yyyy h:mm a');
-    } catch (error) {
+    } catch {
       return 'Invalid date';
     }
   };

src/components/HistoryPanel.tsx

@@ -125,7 +125,7 @@ const AppointmentCalendar: React.FC<AppointmentCalendarProps> = ({
         {/* Calendar Section */}
         <div className="calendar-container">
           <Calendar
-            onChange={handleDateSelect as any}
+            onChange={handleDateSelect as (value: Date) => void}
             value={selectedDate}
             tileContent={({ date, view }) => (
               <span title={isDateAvailable(date) ? 'Available' : 'Unavailable'}>

src/components/appointment/AppointmentCalendar.tsx

@@ -50,7 +50,7 @@ const Hero: React.FC = () => {
     }, 2000);
 
     return () => clearInterval(timer);
-  }, []);
+  }, [titles.length]);
 
   const animations = useMemo(() => {
     return {

src/components/home/Hero.tsx

@@ -1,7 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { motion } from 'framer-motion';
 import toast from 'react-hot-toast';
-import { ShieldCheckIcon } from '@heroicons/react/24/outline';
 import { useAuth } from '../../context/AuthContext';
 import { supabase } from '../../services/supabaseClient';
 
@@ -60,22 +58,6 @@ export default function DoctorProfileForm(): JSX.Element {
     setDoctorProfile(prev => (prev ? { ...prev, [field]: value.split(',').map(item => item.trim()) } : null));
   };
 
-  const handleSaveProfile = async () => {
-    if (!currentUser || !doctorProfile) return;
-
-    const { error } = await supabase.from('doctor_profiles').upsert({ 
-      profile_id: currentUser.id, 
-      ...doctorProfile 
-    });
-
-    if (error) {
-      console.error('Error updating doctor profile:', error);
-      toast.error(error.message || 'Failed to update doctor profile.');
-    } else {
-      toast.success('Doctor profile updated successfully!');
-    }
-  };
-
   if (loading) {
     return <div>Loading...</div>;
   }

src/components/profile/DoctorProfileForm.tsx

@@ -43,9 +43,9 @@ interface SpeechRecognitionErrorEvent extends Event {
   message: string;
 }
 
-interface SpeechRecognition  {
+declare const SpeechRecognition: {
   new (): SpeechRecognition;
-}
+};
 
 interface SymptomFormProps {
   onSubmit: (symptoms: string) => void;
@@ -65,11 +65,11 @@ const SymptomForm: React.FC<SymptomFormProps> = ({
   const [error, setError] = useState('');
   const [speechSupported, setSpeechSupported] = useState(true);
   const [recognition, setRecognition] = useState<SpeechRecognition | null>(null);
-  const [demoExamples, setDemoExamples] = useState<string[]>([
+  const demoExamples = [
     "I've had a persistent cough and sore throat for the past 3 days, with mild fever in the evenings.",
     "I have severe headache in the front of my head and sensitivity to light for the last 6 hours.",
     "My lower back has been hurting for two weeks, especially when I bend over or sit for long periods."
-  ]);
+  ];
 
 
   useEffect(() => {
@@ -78,20 +78,21 @@ const SymptomForm: React.FC<SymptomFormProps> = ({
 
 
   useEffect(() => {
-    const SpeechRecognition =
-      (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
+    const SpeechRecognitionAPI =
+      (window as unknown as { SpeechRecognition?: typeof SpeechRecognition; webkitSpeechRecognition?: typeof SpeechRecognition }).SpeechRecognition || 
+      (window as unknown as { SpeechRecognition?: typeof SpeechRecognition; webkitSpeechRecognition?: typeof SpeechRecognition }).webkitSpeechRecognition;
 
-    if (!SpeechRecognition) {
+    if (!SpeechRecognitionAPI) {
       setSpeechSupported(false);
       return;
     }
 
-    const recognitionInstance = new SpeechRecognition();
+    const recognitionInstance = new SpeechRecognitionAPI();
     recognitionInstance.continuous = true;
     recognitionInstance.interimResults = true;
     recognitionInstance.lang = 'en-US';
 
-    recognitionInstance.onresult = (event: any) => {
+    recognitionInstance.onresult = (event: SpeechRecognitionEvent) => {
       let transcript = '';
       for (let i = event.resultIndex; i < event.results.length; i++) {
         if (event.results[i].isFinal) {
@@ -103,7 +104,7 @@ const SymptomForm: React.FC<SymptomFormProps> = ({
       }
     };
 
-    recognitionInstance.onerror = (event: any) => {
+    recognitionInstance.onerror = (event: SpeechRecognitionErrorEvent) => {
       console.error('Speech recognition error:', event.error);
       setError(`Speech recognition error: ${event.error}`);
       setIsRecording(false);

src/components/symptom-checker/SymptomForm.tsx

@@ -15,7 +15,7 @@ import {
   Pill,
   User
 } from 'lucide-react';
-import { SymptomResult, Doctor } from '../../types'; // Ensure Doctor type is imported
+import { SymptomResult } from '../../types';
 import { mockDoctors } from '../../services/mockData';
 import Card from '../common/Card';
 import Button from '../common/Button';
@@ -60,9 +60,6 @@ const SymptomResults: React.FC<SymptomResultsProps> = ({ result, symptoms = '' }
     })
     .slice(0, 3); // Limit to top 3 doctors
 
-  // ... (The rest of your SymptomResults.tsx component code remains the same as in the previous example)
-  // renderUrgencyLevel, containerVariants, itemVariants, JSX structure, etc.
-
   const renderUrgencyLevel = () => {
     const urgencyConfig = {
       mild: {
@@ -100,7 +97,7 @@ const SymptomResults: React.FC<SymptomResultsProps> = ({ result, symptoms = '' }
 
     const urgencyKey = result?.severity ? urgencyMap[result.severity] : undefined;
     const urgency = urgencyKey || 'moderate';
-    const config = urgencyConfig[urgency];
+    const config = urgencyConfig[urgency] as typeof urgencyConfig.mild;
 
     return (
       <motion.div
@@ -185,7 +182,7 @@ const SymptomResults: React.FC<SymptomResultsProps> = ({ result, symptoms = '' }
           </h3>
           <div className="text-sm text-neutral-500 dark:text-neutral-400 flex items-center">
             <Clock className="w-5 h-5 mr-2" />
-            <span>Analysis confidence: {(result as any).confidence || "High"}</span>
+            <span>Analysis confidence: {(result as { confidence?: string }).confidence || "High"}</span>
           </div>
         </div>
 

src/components/symptom-checker/SymptomResults.tsx

@@ -11,7 +11,6 @@ import {
   BadgeCheck, 
   ChevronRight,
   PlusCircle,
-  FileText,
   Utensils,
   Pill
 } from 'lucide-react';

src/components/symptom-checker/test.tsx

@@ -4,6 +4,6 @@ declare namespace NodeJS {
   }
 }
 
-declare var process: {
+declare const process: {
   env: NodeJS.ProcessEnv;
 };