session_shells/ermine/shell/lib/src/widgets/settings/timezone_settings.dart

// Copyright 2021 The Fuchsia Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:ermine/src/states/settings_state.dart';
import 'package:ermine/src/widgets/settings/setting_details.dart';
import 'package:flutter/material.dart';
import 'package:internationalization/strings.dart';

/// Defines a widget to list all timezones in [SettingDetails] widget.
class TimezoneSettings extends StatelessWidget {
  final SettingsState state;
  final ValueChanged<String> onChange;

  const TimezoneSettings({required this.state, required this.onChange});

  @override
  Widget build(BuildContext context) {
    final timezones = state.timezones;
    return SettingDetails(
      title: Strings.timezone,
      onBack: state.showAllSettings,
      child: ListView.builder(
          itemCount: timezones.length,
          itemBuilder: (context, index) {
            final timezone =
                timezones[index].replaceAll('_', ' ').replaceAll('/', ' / ');
            return ListTile(
              title: Text(timezone),
              subtitle: index == 0 ? Text(Strings.selected) : null,
              leading: Icon(Icons.place),
              onTap: () => onChange(timezones[index]),
            );
          }),
    );
  }
}