hash-wallet/lib/new-ui/widgets/charts_page/range_selector.dart

import "package:cake_wallet/new-ui/model/charts/util/chart_range.dart";
import "package:flutter/material.dart";

class ChartRangeSelector extends StatelessWidget {
  const ChartRangeSelector({required this.selectedRange, required this.onRangeSelected, super.key});

  final ChartRange selectedRange;
  final Function(ChartRange) onRangeSelected;

  static const double optionSize = 36;
  static const double optionPadding = 24;
  static const Duration switchDuration = Duration(milliseconds: 250);

  double pillPosition(int selectedIndex) => selectedIndex * (optionSize + optionPadding);

  @override
  Widget build(BuildContext context) {
    final selectedIndex = ChartRange.ranges.indexOf(selectedRange);

    return Stack(
      children: [
        AnimatedPositioned(
          curve: Curves.easeOutCubic,
          left: pillPosition(selectedIndex),
          duration: switchDuration,
          child: Container(
            height: optionSize,
            width: optionSize,
            decoration: BoxDecoration(
              color: Theme.of(context).colorScheme.onSurface.withAlpha(25),
              borderRadius: BorderRadius.circular(999999),
            ),
          ),
        ),
        Row(
          children: ChartRange.ranges.map((item) {
            final selected = selectedRange == item;
            final isFirst = ChartRange.ranges.indexOf(item) == 0;
            return GestureDetector(
              behavior: HitTestBehavior.opaque,
              onTap: () {
                if (!selected) {
                  onRangeSelected(item);
                }
              },
              child: Padding(
                padding: EdgeInsets.only(
                  right: optionPadding / 2,
                  left: isFirst ? 0 : optionPadding / 2,
                ),
                child: SizedBox(
                  width: optionSize,
                  height: optionSize,
                  child: AnimatedDefaultTextStyle(
                    duration: switchDuration,
                    style: TextStyle(
                      fontWeight: selected ? FontWeight.w400 : FontWeight.w500,
                      color: selected
                          ? Theme.of(context).colorScheme.onSurface
                          : Theme.of(context).colorScheme.onSurfaceVariant,
                    ),
                    child: Center(child: Text(item.displayText)),
                  ),
                ),
              ),
            );
          }).toList(),
        ),
      ],
    );
  }
}