Prompt: "Vytvor React komponent pre user dashboard s autentifikáciou" Generovaný kód: // UserDashboard.tsx import React, { useState, useEffect } from 'react'; import { useAuth } from '../hooks/useAuth'; import { api } from '../services/api'; interface User { id: string; name: string; email: string; avatar?: string; role: 'user' | 'admin'; } const UserDashboard: React.FC = () => { const { user: currentUser, logout } = useAuth(); const [userProfile, setUserProfile] = useState(null); const [loading, setLoading] = useState(true); useEffect(() => { const fetchUserProfile = async () => { if (!currentUser?.id) return; try { const profile = await api.get(`/users/${currentUser.id}`); setUserProfile(profile.data); } catch (error) { console.error('Failed to fetch user profile:', error); } finally { setLoading(false); } }; fetchUserProfile(); }, [currentUser?.id]); const handleLogout = async () => { try { await logout(); } catch (error) { console.error('Logout failed:', error); } }; if (loading) { return (

Loading dashboard...

); } return (

{userProfile?.avatar && (

)}

Welcome, {userProfile?.name}!

{userProfile?.email}

{userProfile?.role}

Profile Settings

Manage your account information

Recent Activity

View your latest actions

Notifications

Manage notification preferences

); }; export default UserDashboard;

dizajn5

inzinierstvo7

marketing7

produkt4

projektovy-manazment3

prevadzka-studia5

testovanie5

Marketingové stratégie5

Obsahová tvorba6

Data analýza5

Znástné podnikanie5

Produktivita a život5

Programovanie9

Biznis8

AI nástroje11

prezentacie2

design5

ai agenti3

video1

ai asistenti1

vyhladavanie2

productivita1

audio3

vyvoj3

automatizacia1

ai platformy3

youtube ai5

youtube thumbnails5

youtube video5

youtube audio5

youtube seo5

youtube analytics5

ai asistenti4

vyhladavanie2

obrazove generatory3

programovanie3