import 'package:flutter/material.dart';
import 'package:prosapp_web_app/providers/auth_provider.dart';
import 'package:prosapp_web_app/router/router.dart';
import 'package:prosapp_web_app/services/navigation_service.dart';
import 'package:provider/provider.dart';

class NavbarAvatar extends StatelessWidget {
  const NavbarAvatar({super.key});

  @override
  Widget build(BuildContext context) {
    final user = Provider.of<AuthProvider>(context).user!;

    final image = (user.picture == '' || user.picture == null)
        ? const Image(image: AssetImage('no-image.jpg'))
        : FadeInImage.assetNetwork(
            placeholder: 'loader.gif',
            fit: BoxFit.cover,
            image: user.picture!,
          );

    return MouseRegion(
      cursor: SystemMouseCursors.click,
      child: GestureDetector(
        onTap: () => NavigationService.replaceTo(Flurorouter.profileRoute),
        child: SizedBox(
          width: 40,
          height: 40,
          child: ClipOval(child: image),
        ),
      ),
    );
  }
}