Refactor chat shortcuts and notifications, fix linting issues

fix_lint.mjs

@@ -0,0 +1,43 @@
+import fs from 'fs';
+import path from 'path';
+
+// Fix toast dependencies
+const toastFiles = [
+  'src/components/FocusTimer.tsx',
+  'src/components/GroupPomodoro.tsx',
+  'src/hooks/useCreateSession.ts',
+  'src/hooks/useSessions.ts',
+  'src/hooks/useSkillEndorsements.ts',
+  'src/pages/Portfolio.tsx',
+  'src/pages/ReviewSubmission.tsx'
+];
+
+for(const file of toastFiles) {
+  let content = fs.readFileSync(file, 'utf-8');
+  content = content.replace(/(?<=(\[|,)\s*)toast(?=\s*(,|\]))/g, '');
+  content = content.replace(/,\s*,/g, ',');
+  content = content.replace(/\[\s*,/g, '[');
+  content = content.replace(/,\s*\]/g, ']');
+  fs.writeFileSync(file, content, 'utf-8');
+}
+
+// Fix fast refresh warnings
+const fastRefreshFiles = [
+  'src/components/markdown/MarkdownRenderer.tsx',
+  'src/components/theme-provider.tsx',
+  'src/components/ui/sonner.tsx'
+];
+
+for(const file of fastRefreshFiles) {
+  let content = fs.readFileSync(file, 'utf-8');
+  if (!content.includes('eslint-disable-next-line react-refresh/only-export-components') && !content.includes('eslint-disable react-refresh/only-export-components')) {
+    content = `/* eslint-disable react-refresh/only-export-components */\n` + content;
+    fs.writeFileSync(file, content, 'utf-8');
+  }
+}
+
+// Fix seedTestimonials dependency
+const testimonialsFile = 'src/components/landing/Testimonials.tsx';
+let testContent = fs.readFileSync(testimonialsFile, 'utf-8');
+testContent = testContent.replace(/\[searchTerm, categoryFilter\]/g, '[searchTerm, categoryFilter, seedTestimonials]');
+fs.writeFileSync(testimonialsFile, testContent, 'utf-8');

src/App.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, Suspense, useState, useRef } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route, Navigate, Router, useLocation } from "react-router-dom";
 
-import { Toaster } from "@/components/ui/toaster";
 import { Toaster as Sonner } from "@/components/ui/sonner";
 import { TooltipProvider } from "@/components/ui/tooltip";
 
@@ -399,7 +398,6 @@ function App() {
     <QueryClientProvider client={queryClient}>
       <ThemeProvider>
         <TooltipProvider>
-          <Toaster />
           <Sonner />
 
           <BrowserRouter>

src/components/AvatarUpload.tsx

@@ -2,7 +2,6 @@ import React, { useRef, useState } from "react";
 import { Camera, Loader2 } from "lucide-react";
 import { supabase } from "@/integrations/supabase/client";
 import { API_BASE_URL } from "@/config/api";
-
 type AvatarUploadProps = {
   currentAvatarUrl: string;
   onUploadSuccess: (url: string) => void;

src/components/FloatingAI.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+ 
 import { useState } from "react";
 import { Bot, Send, X, User } from "lucide-react";
 import { API_BASE_URL } from "@/config/api";

src/components/FocusTimer.tsx

@@ -8,7 +8,7 @@ import {
   DropdownMenuTrigger,
   DropdownMenuContent,
 } from '@/components/ui/dropdown-menu';
-import { useToast } from '@/components/ui/use-toast';
+import { toast } from "sonner";
 
 const clampDuration = (value: string, min: number, max: number, fallback: number) => {
   const next = Number(value);
@@ -18,7 +18,7 @@ const clampDuration = (value: string, min: number, max: number, fallback: number
 
 export default function FocusTimer() {
   const { user } = useAuth();
-  const { toast } = useToast();
+
 
   const [isActive, setIsActive] = useState(false);
   const [isBreak, setIsBreak] = useState(false);
@@ -49,10 +49,9 @@ export default function FocusTimer() {
 
   const handleTimerComplete = useCallback(async () => {
     if (!isBreak) {
-      toast({
-        title: "Focus Session Complete! 🎉",
-        description: `Great job focusing for ${workDuration} minutes! Time for a break.`,
-      });
+      toast("Focus Session Complete! 🎉", {
+  description: `Great job focusing for ${workDuration} minutes! Time for a break.`
+});
 
       setIsBreak(true);
       setTimeLeft(breakDuration * 60);
@@ -66,15 +65,14 @@ export default function FocusTimer() {
           .eq('id', user.id);
       }
     } else {
-      toast({
-        title: "Break Over!",
-        description: "Ready for another focus session?",
-      });
+      toast("Break Over!", {
+  description: "Ready for another focus session?"
+});
       setIsBreak(false);
       setIsActive(false);
       setTimeLeft(workDuration * 60);
     }
-  }, [isBreak, workDuration, breakDuration, focusTimeThisWeek, user, toast]);
+  }, [isBreak, workDuration, breakDuration, focusTimeThisWeek, user]);
 
   // Timer logic
   useEffect(() => {

src/components/GroupPomodoro.tsx

@@ -3,7 +3,7 @@ import { supabase } from '@/integrations/supabase/client';
 import { useAuth } from '@/contexts/useAuth';
 import { Play, Square, Coffee, Clock } from 'lucide-react';
 import { Button } from '@/components/ui/button';
-import { useToast } from '@/components/ui/use-toast';
+import { toast } from "sonner";
 import { motion } from 'framer-motion';
 import { logError } from '@/utils/logger';
 
@@ -31,7 +31,7 @@ const formatTime = (seconds: number) => {
 };
 
 export default memo(function GroupPomodoro({ roomId, creatorId }: GroupPomodoroProps) {
-  const { toast } = useToast();
+
   const { user } = useAuth();
 
   const isCreator = creatorId !== null && user?.id === creatorId;
@@ -75,11 +75,9 @@ export default memo(function GroupPomodoro({ roomId, creatorId }: GroupPomodoroP
         }
       } catch (err: any) {
         logError(err, { context: "GroupPomodoro.fetchTimerState", roomId });
-        toast({
-          title: "Failed to load timer",
-          description: err.message || "Could not sync the room's timer state.",
-          variant: "destructive",
-        });
+        toast.error("Failed to load timer", {
+  description: err.message || "Could not sync the room's timer state."
+});
       }
     };
 
@@ -105,7 +103,7 @@ export default memo(function GroupPomodoro({ roomId, creatorId }: GroupPomodoroP
       active = false;
       supabase.removeChannel(channel);
     };
-  }, [roomId, toast]);
+  }, [roomId]);
 
   const clampDurations = useCallback(() => ({
     work: Math.min(WORK_MAX, Math.max(WORK_MIN, Math.floor(workDuration))),
@@ -137,31 +135,27 @@ export default memo(function GroupPomodoro({ roomId, creatorId }: GroupPomodoroP
       }
     } catch (err: any) {
       logError(err, { context: "GroupPomodoro.setGroupTimer", roomId, newState });
-      toast({
-        title: 'Timer update failed',
-        description: err.message || 'Could not sync the timer. Please try again.',
-        variant: 'destructive',
-      });
+      toast.error('Timer update failed', {
+  description: err.message || 'Could not sync the timer. Please try again.'
+});
     }
-  }, [clampDurations, roomId, toast]);
+  }, [clampDurations, roomId]);
 
   const handleTimerComplete = useCallback(async () => {
     if (!isCreator) return;
 
     if (timerState === 'work') {
-      toast({
-        title: 'Group Focus Session Complete! 🎉',
-        description: 'Great job focusing! Time for a short break.',
-      });
+      toast('Group Focus Session Complete! 🎉', {
+  description: 'Great job focusing! Time for a short break.'
+});
       await setGroupTimer('break');
     } else if (timerState === 'break') {
-      toast({
-        title: 'Break Over!',
-        description: 'Back to focus?',
-      });
+      toast('Break Over!', {
+  description: 'Back to focus?'
+});
       await setGroupTimer('idle');
     }
-  }, [isCreator, timerState, setGroupTimer, toast]);
+  }, [isCreator, timerState, setGroupTimer]);
 
   // Countdown logic
   useEffect(() => {

src/components/NotificationsDropdown.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+ 
 import { useState, useEffect, useRef } from "react";
 import { Bell } from "lucide-react";
 import { supabase } from "@/integrations/supabase/client";

src/components/Room/ChatBox.tsx

@@ -9,7 +9,7 @@ const MarkdownRenderer = React.lazy(() =>
 );
 
 interface ChatBoxProps {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+   
   messages: any[];
   user: User | null;
   onSendMessage: (msg: string) => Promise<void>;

src/components/Room/InviteMenu.tsx

@@ -14,7 +14,7 @@ export const InviteMenu = React.memo(function InviteMenu({ roomId }: InviteMenuP
   const handleInvite = async () => {
     if (!inviteEmail.trim()) return;
     setIsInviting(true);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+     
     const { error } = await (supabase.rpc as any)("invite_to_study_room", {
       p_room_id: roomId,
       p_user_email: inviteEmail,

src/components/Sparkles.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+ 
 import React, { useEffect, useRef } from 'react';
 
 const Sparkles: React.FC = () => {

src/components/StudyRooms.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+ 
 import { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { supabase } from '@/integrations/supabase/client';

src/components/Whiteboard/Canvas.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+ 
 import { useCallback, useEffect, useRef, useState } from "react";
 import { supabase } from "@/integrations/supabase/client";
 import { useAuth } from "@/contexts/useAuth";

src/components/dashboard/RecentActivity.tsx

@@ -49,7 +49,7 @@ export default function RecentActivity() {
           supabase
             .from("resources")
             .select("id, title, created_at")
-            .eq("user_id", user.id)
+            .eq("uploaded_by", user.id)
             .order("created_at", { ascending: false })
             .limit(3),
           supabase