class RulesPage extends StatefulWidget { @override _RulesPageState createState() => _RulesPageState(); } class _RulesPageState extends State { String? _selectedIndex; late Future _ruleContent; List _ruleSections = [ 'ability-checks', 'ability-scores-and-modifiers', 'actions-in-combat', 'activating-an-item', 'advantage-and-disadvantage', 'attunement', 'between-adventures', 'casting-a-spell', 'cover', 'damage-and-healing', 'diseases', 'fantasy-historical-pantheons', 'madness', 'making-an-attack', 'mounted-combat', 'movement', 'movement-and-position', 'objects', 'poisons', 'proficiency-bonus', 'resting', 'saving-throws', 'sentient-magic-items', 'standard-exchange-rates', 'the-environment', 'the-order-of-combat', 'the-planes-of-existence', 'time', 'traps', 'underwater-combat', 'using-each-ability', 'wearing-and-wielding-items', 'what-is-a-spell', ]; @override void initState() { super.initState(); _selectedIndex = _ruleSections[0]; _ruleContent = fetchRule(_selectedIndex!); } Future fetchRule(String index) async { final response = await http.get(Uri.parse('https://www.dnd5eapi.co/api/rule-sections/$index')); if (response.statusCode == 200) { final jsonData = json.decode(response.body); return jsonData['desc']; } else { throw Exception('Failed to load rule'); } } @override Widget build(BuildContext context) { return Column( children: [ DropdownButton( value: _selectedIndex, items: _ruleSections.map((String section) { return DropdownMenuItem( value: section, child: Text(section), ); }).toList(), onChanged: (String? newValue) { setState(() { _selectedIndex = newValue; _ruleContent = fetchRule(_selectedIndex!); }); }, ), Expanded( child: FutureBuilder( future: _ruleContent, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.waiting) { return Center( child: CircularProgressIndicator(color: Colors.blue), ); } else if (snapshot.hasError) { return Text('Error: ${snapshot.error}'); } else if (snapshot.hasData) { return SingleChildScrollView( padding: const EdgeInsets.all(16.0), child: Text(snapshot.data!, style: TextStyle(fontSize: 16)), ); } else { return Text('No data available'); } }, ), ), ], ); } } class MechanicsPage extends StatefulWidget { @override _MechanicsPageState createState() => _MechanicsPageState(); } class _MechanicsPageState extends State { String? _selectedIndex; late Future> _mechanicContent; final List _mechanics = [ 'blinded', 'charmed', 'deafened', 'exhaustion', 'frightened', 'grappled', 'incapacitated', 'invisible', 'paralyzed', 'petrified', 'poisoned', 'prone', 'restrained', 'stunned', 'unconscious', ]; @override void initState() { super.initState(); _selectedIndex = _mechanics[0]; _mechanicContent = fetchMechanic(_selectedIndex!); } Future> fetchMechanic(String index) async { final response = await http.get(Uri.parse('https://www.dnd5eapi.co/api/conditions/$index')); if (response.statusCode == 200) { final jsonData = json.decode(response.body); return jsonData; } else { throw Exception('Failed to load mechanic'); } } @override Widget build(BuildContext context) { return Column( children: [ DropdownButton( value: _selectedIndex, items: _mechanics.map((String condition) { return DropdownMenuItem( value: condition, child: Text(condition), ); }).toList(), onChanged: (String? newValue) { setState(() { _selectedIndex = newValue; _mechanicContent = fetchMechanic(_selectedIndex!); }); }, ), Expanded( child: FutureBuilder>( future: _mechanicContent, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.waiting) { return Center( child: CircularProgressIndicator(color: Colors.blue), ); } else if (snapshot.hasError) { return Text('Error: ${snapshot.error}'); } else if (snapshot.hasData) { var mechanic = snapshot.data!; String name = mechanic['name']; List descriptions = mechanic['desc']; return SingleChildScrollView( padding: const EdgeInsets.all(16.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( width: double.infinity, child: Text( name, style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, ), ), ), SizedBox(height: 10), ...descriptions.map((desc) => Padding( padding: const EdgeInsets.symmetric(vertical: 4.0), child: Text( desc, style: TextStyle(fontSize: 16), ), )), ], ), ); } else { return Text('No data available'); } }, ), ), ], ); } }

Apologies, but something went wrong on our end.