twonly-app/lib/src/views/settings/profile/modify_avatar.view.dart

import 'dart:math';
import 'package:avatar_maker/avatar_maker.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:twonly/src/services/api/messages.dart';
import 'package:twonly/src/utils/misc.dart';
import 'package:twonly/src/utils/storage.dart';

class ModifyAvatar extends StatefulWidget {
  const ModifyAvatar({super.key});

  @override
  State<ModifyAvatar> createState() => _ModifyAvatarState();
}

class _ModifyAvatarState extends State<ModifyAvatar> {
  final AvatarMakerController _avatarMakerController =
      PersistentAvatarMakerController(customizedPropertyCategories: []);

  @override
  void initState() {
    super.initState();
  }

  Future<void> updateUserAvatar(String json, String svg) async {
    await updateUserdata((user) {
      user
        ..avatarJson = json
        ..avatarSvg = svg
        ..avatarCounter = user.avatarCounter + 1;
      return user;
    });
    await notifyContactsAboutProfileChange();
  }

  AvatarMakerThemeData getAvatarMakerTheme(BuildContext context) {
    if (isDarkMode(context)) {
      return AvatarMakerThemeData(
        boxDecoration: const BoxDecoration(
          boxShadow: [BoxShadow()],
        ),
        unselectedTileDecoration: BoxDecoration(
          color: const Color.fromARGB(255, 50, 50, 50), // Dark mode color
          borderRadius: BorderRadius.circular(10),
        ),
        selectedTileDecoration: BoxDecoration(
          color: const Color.fromARGB(255, 100, 100, 100), // Dark mode color
          borderRadius: BorderRadius.circular(10),
        ),
        selectedIconColor: Colors.white,
        unselectedIconColor: Colors.grey,
        primaryBgColor: Colors.black, // Dark mode background
        secondaryBgColor: Colors.grey[850], // Dark mode secondary background
        labelTextStyle:
            const TextStyle(color: Colors.white), // Light text for dark mode
      );
    } else {
      return AvatarMakerThemeData(
        boxDecoration: const BoxDecoration(
          boxShadow: [BoxShadow()],
        ),
        unselectedTileDecoration: BoxDecoration(
          color: const Color.fromARGB(255, 240, 240, 240), // Light mode color
          borderRadius: BorderRadius.circular(10),
        ),
        selectedTileDecoration: BoxDecoration(
          color: const Color.fromARGB(255, 200, 200, 200), // Light mode color
          borderRadius: BorderRadius.circular(10),
        ),
        selectedIconColor: Colors.black,
        unselectedIconColor: Colors.grey,
        primaryBgColor: Colors.white, // Light mode background
        secondaryBgColor: Colors.grey[200], // Light mode secondary background
        labelTextStyle:
            const TextStyle(color: Colors.black), // Dark text for light mode
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(context.lang.settingsProfileCustomizeAvatar),
      ),
      body: Center(
        child: SingleChildScrollView(
          child: Column(
            children: [
              Padding(
                padding: EdgeInsets.zero,
                child: AvatarMakerAvatar(
                  radius: 130,
                  backgroundColor: Colors.transparent,
                  controller: _avatarMakerController,
                ),
              ),
              SizedBox(
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    IconButton(
                      icon: const FaIcon(FontAwesomeIcons.floppyDisk),
                      onPressed: () async {
                        await _avatarMakerController.saveAvatarSVG();
                        final json =
                            _avatarMakerController.getJsonOptionsSync();
                        final svg = _avatarMakerController.getAvatarSVGSync();
                        await updateUserAvatar(json, svg);
                        if (context.mounted) {
                          Navigator.pop(context);
                        }
                      },
                    ),
                    IconButton(
                      icon: const FaIcon(FontAwesomeIcons.shuffle),
                      onPressed:
                          _avatarMakerController.randomizedSelectedOptions,
                    ),
                    IconButton(
                      icon: const Icon(FontAwesomeIcons.rotateLeft),
                      onLongPress: () {
                        PersistentAvatarMakerController.clearAvatarMaker();
                        _avatarMakerController.restoreState();
                      },
                      onPressed: _avatarMakerController.restoreState,
                    ),
                  ],
                ),
              ),
              Padding(
                padding:
                    const EdgeInsets.symmetric(horizontal: 8, vertical: 30),
                child: AvatarMakerCustomizer(
                  scaffoldWidth:
                      min(600, MediaQuery.of(context).size.width * 0.85),
                  theme: getAvatarMakerTheme(context),
                  controller: _avatarMakerController,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}