timeline.dart

import 'dart:convert';

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';

import 'package:scrobbles/models/timeline.dart';
import 'package:scrobbles/network/scrobbles.dart';
import 'package:scrobbles/ui/widgets/card_content.dart';
import 'package:scrobbles/ui/widgets/charts/timeline_counts.dart';
import 'package:scrobbles/ui/widgets/charts/timeline_eclecticism.dart';
import 'package:scrobbles/ui/widgets/error.dart';

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

  @override
  Widget build(BuildContext context) {
    final int daysCount = 14;
    late Future<TimelineData> future = ScrobblesApi.fetchTimeline(daysCount);

    return FutureBuilder<TimelineData>(
      future: future,
      builder: (context, snapshot) {
        if (snapshot.hasError) {
          return ShowErrorWidget(message: '${snapshot.error}');
        }

        return CardContent(
          color: Theme.of(context).colorScheme.surface,
          title: 'timeline_title'.tr(
            namedArgs: {
              'daysCount': daysCount.toString(),
            },
          ),
          content: Stack(
            children: [
              ChartTimelineCounts(
                chartData: TimelineData.fromJson(jsonDecode(snapshot.data.toString())),
                isLoading: !snapshot.hasData,
              ),
              ChartTimelineEclecticism(
                chartData: TimelineData.fromJson(jsonDecode(snapshot.data.toString())),
                isLoading: !snapshot.hasData,
              ),
            ],
          ),
        );
      },
    );
  }
}