fluffychat/lib/pangea/choreographer/widgets/it_feedback_card.dart

import 'dart:math';

import 'package:flutter/material.dart';

import 'package:http/http.dart';

import 'package:fluffychat/pangea/analytics_misc/text_loading_shimmer.dart';
import 'package:fluffychat/pangea/choreographer/repo/full_text_translation_repo.dart';
import '../../../widgets/matrix.dart';
import '../../bot/utils/bot_style.dart';
import '../../common/controllers/pangea_controller.dart';
import '../controllers/it_feedback_controller.dart';
import 'igc/card_error_widget.dart';

class ITFeedbackCard extends StatefulWidget {
  final ITFeedbackRequestModel req;
  final String choiceFeedback;

  const ITFeedbackCard({
    super.key,
    required this.req,
    required this.choiceFeedback,
  });

  @override
  State<ITFeedbackCard> createState() => ITFeedbackCardController();
}

class ITFeedbackCardController extends State<ITFeedbackCard> {
  final PangeaController controller = MatrixState.pangeaController;

  Object? error;
  bool isLoadingFeedback = false;
  bool isTranslating = false;
  ITFeedbackResponseModel? res;
  String? translatedFeedback;

  Response get noLanguages => Response("", 405);

  @override
  void initState() {
    if (!mounted) return;
    //any setup?
    super.initState();
    getFeedback();
  }

  Future<void> getFeedback() async {
    setState(() {
      isLoadingFeedback = true;
    });

    FullTextTranslationRepo.translate(
      accessToken: controller.userController.accessToken,
      request: FullTextTranslationRequestModel(
        text: widget.req.chosenContinuance,
        tgtLang: controller.languageController.userL1?.langCode ??
            widget.req.sourceTextLang,
        userL1: controller.languageController.userL1?.langCode ??
            widget.req.sourceTextLang,
        userL2: controller.languageController.userL2?.langCode ??
            widget.req.targetLang,
      ),
    )
        .then((translationResponse) {
          res = ITFeedbackResponseModel(
            text: translationResponse.bestTranslation,
          );
        })
        .catchError((e) => error = e)
        .whenComplete(
          () => setState(() {
            // isTranslating = false;
            isLoadingFeedback = false;
          }),
        );
  }

  @override
  Widget build(BuildContext context) => error == null
      ? ITFeedbackCardView(controller: this)
      : CardErrorWidget(error: error!);
}

class ITFeedbackCardView extends StatelessWidget {
  const ITFeedbackCardView({
    super.key,
    required this.controller,
  });

  final ITFeedbackCardController controller;

  @override
  Widget build(BuildContext context) {
    const characterWidth = 10.0;

    return Container(
      constraints: const BoxConstraints(maxWidth: 300),
      alignment: Alignment.center,
      child: Wrap(
        alignment: WrapAlignment.center,
        children: [
          Text(
            controller.widget.req.chosenContinuance,
            style: BotStyle.text(context),
          ),
          const SizedBox(width: 10),
          Text(
            "≈",
            style: BotStyle.text(context),
          ),
          const SizedBox(width: 10),
          controller.res?.text != null
              ? Text(
                  controller.res!.text,
                  style: BotStyle.text(context),
                )
              : TextLoadingShimmer(
                  width: min(
                    140,
                    characterWidth *
                        controller.widget.req.chosenContinuance.length,
                  ),
                ),
        ],
      ),
    );
  }
}