Update IRIS full form and fix applicant message notifications

src/components/ApplicantLayout.jsx

@@ -80,20 +80,49 @@ export default function ApplicantLayout({ children, activePage, onNavigate }) {
 
             const { data: messages } = await supabase
                 .from("messages")
-                .select("id, sender_id, content, created_at, profiles(full_name)")
+                .select("id, sender_id, content, created_at")
                 .eq("receiver_id", user.id)
                 .eq("is_read", false)
                 .order("created_at", { ascending: false });
 
-            if (messages) {
+            if (messages && messages.length > 0) {
                 setUnreadMessages(messages.length);
-                // Format messages with sender names and timestamps
-                const formattedMessages = messages.map(msg => ({
-                    id: msg.id,
-                    senderName: msg.profiles?.full_name || 'Someone',
-                    content: msg.content,
-                    timestamp: new Date(msg.created_at).toLocaleDateString() + ' • ' + new Date(msg.created_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
-                }));
+                
+                // Fetch sender names from user_roles/companies
+                const senderIds = [...new Set(messages.map(m => m.sender_id))];
+                const { data: rolesData } = await supabase
+                    .from("user_roles")
+                    .select("user_id, name, company_id")
+                    .in("user_id", senderIds);
+                    
+                let companiesData = [];
+                if (rolesData) {
+                    const companyIds = [...new Set(rolesData.map(r => r.company_id).filter(Boolean))];
+                    if (companyIds.length > 0) {
+                        const { data: comp } = await supabase.from("companies").select("id, name").in("id", companyIds);
+                        if (comp) companiesData = comp;
+                    }
+                }
+
+                const formattedMessages = messages.map(msg => {
+                    let senderName = 'Admin / HR';
+                    const role = rolesData?.find(r => r.user_id === msg.sender_id);
+                    if (role) {
+                        senderName = role.name || 'HR';
+                        if (role.company_id) {
+                            const comp = companiesData.find(c => c.id === role.company_id);
+                            if (comp) senderName = comp.name;
+                        }
+                    }
+                    
+                    return {
+                        id: msg.id,
+                        senderName,
+                        content: msg.content,
+                        timestamp: new Date(msg.created_at).toLocaleDateString() + ' • ' + new Date(msg.created_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
+                    };
+                });
+                
                 setUnreadMessagesList(formattedMessages);
             }
         };
@@ -128,41 +157,55 @@ export default function ApplicantLayout({ children, activePage, onNavigate }) {
 
     // ⭐ NEW: realtime update for new messages
     useEffect(() => {
+        let channel, jobsChannel, appsChannel;
 
-        const channel = supabase
-            .channel("messages-badge")
-            .on(
-                "postgres_changes",
-                { event: "INSERT", schema: "public", table: "messages" },
-                async (payload) => {
-                    console.log("=== MESSAGES PAYLOAD ===", payload);
-
-                    // Fetch the sender's name and add to the list
-                    const { data: senderProfile } = await supabase
-                        .from("profiles")
-                        .select("full_name")
-                        .eq("id", payload.new.sender_id)
-                        .single();
-
-                    const newMsg = {
-                        id: payload.new.id,
-                        senderName: senderProfile?.full_name || 'Someone',
-                        content: payload.new.content,
-                        timestamp: new Date(payload.new.created_at).toLocaleDateString() + ' • ' + new Date(payload.new.created_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
-                    };
+        const initRealtime = async () => {
+            const { data: { user } } = await supabase.auth.getUser();
+            if (!user) return;
 
-                    setUnreadMessagesList(prev => [newMsg, ...prev]);
-                    setUnreadMessages(prev => prev + 1);
+            channel = supabase
+                .channel("messages-badge")
+                .on(
+                    "postgres_changes",
+                    { event: "INSERT", schema: "public", table: "messages", filter: `receiver_id=eq.${user.id}` },
+                    async (payload) => {
+                        console.log("=== MESSAGES PAYLOAD ===", payload);
+
+                        // Fetch the sender's name from user_roles/companies
+                        let senderName = 'Admin / HR';
+                        const { data: roleData } = await supabase
+                            .from("user_roles")
+                            .select("name, company_id")
+                            .eq("user_id", payload.new.sender_id)
+                            .maybeSingle();
 
-                    // Trigger realtime toast popup
-                    triggerToast(
-                        'New Message Received',
-                        `${senderProfile?.full_name || 'Someone'} sent you a message`,
-                        '📨'
-                    );
-                }
-            )
-            .subscribe();
+                        if (roleData) {
+                            senderName = roleData.name || 'HR';
+                            if (roleData.company_id) {
+                                const { data: company } = await supabase.from('companies').select('name').eq('id', roleData.company_id).maybeSingle();
+                                if (company) senderName = company.name;
+                            }
+                        }
+
+                        const newMsg = {
+                            id: payload.new.id,
+                            senderName,
+                            content: payload.new.content,
+                            timestamp: new Date(payload.new.created_at).toLocaleDateString() + ' • ' + new Date(payload.new.created_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
+                        };
+
+                        setUnreadMessagesList(prev => [newMsg, ...prev]);
+                        setUnreadMessages(prev => prev + 1);
+
+                        // Trigger realtime toast popup
+                        triggerToast(
+                            'New Message Received',
+                            `${senderName} sent you a message`,
+                            '📨'
+                        );
+                    }
+                )
+                .subscribe();
 
         const jobsChannel = supabase
             .channel("jobs-badge")
@@ -272,10 +315,14 @@ export default function ApplicantLayout({ children, activePage, onNavigate }) {
             )
             .subscribe();
 
+        };
+
+        initRealtime();
+
         return () => {
-            supabase.removeChannel(channel);
-            supabase.removeChannel(jobsChannel);
-            supabase.removeChannel(appsChannel);
+            if (channel) supabase.removeChannel(channel);
+            if (jobsChannel) supabase.removeChannel(jobsChannel);
+            if (appsChannel) supabase.removeChannel(appsChannel);
         };
 
     }, []);

src/pages/LoginPage.jsx

@@ -170,7 +170,7 @@ export default function LoginPage({ onNavigate }) {
             zIndex: 5,
           }}>
             <h1 style={{ fontFamily: "'Orbitron', sans-serif", fontSize: 'clamp(3rem, 10vw, 5rem)', fontWeight: 'bold', marginBottom: '0.5rem', color: 'white' }}>IRIS</h1>
-            <p style={{ fontSize: '1.125rem', color: '#a8b2d1' }}>Intelligent Resume Shortlisting Platform</p>
+            <p style={{ fontSize: '1.125rem', color: '#a8b2d1' }}>Intelligent Recruitment Insight System</p>
         </motion.div>
         
         <div style={{