diff --git a/lib/components/kanji/kanji_search_page.dart b/lib/components/kanji/kanji_search_page.dart index e99b0a5..09f0a4d 100644 --- a/lib/components/kanji/kanji_search_page.dart +++ b/lib/components/kanji/kanji_search_page.dart @@ -24,6 +24,54 @@ class _Header extends StatelessWidget { _Header(this._kanji); } +class _JlptLevel extends StatelessWidget { + final String _jlptLevel; + + @override + Widget build(BuildContext context) { + return Container( + padding: EdgeInsets.all(10.0), + child: Text( + _jlptLevel, + style: TextStyle( + color: Colors.white, + fontSize: 20.0, + ), + ), + decoration: BoxDecoration( + shape: BoxShape.circle, + color: Colors.blue, + ), + ); + } + + _JlptLevel(this._jlptLevel); +} + +class _Grade extends StatelessWidget { + final String _grade; + + @override + Widget build(BuildContext context) { + return Container( + padding: EdgeInsets.all(10.0), + child: Text( + _grade, + style: TextStyle( + color: Colors.white, + fontSize: 20.0, + ), + ), + decoration: BoxDecoration( + color: Colors.blue, + borderRadius: BorderRadius.circular(10.0), + ), + ); + } + + _Grade(this._grade); +} + class KanjiResultCard extends StatelessWidget { final KanjiResult _result; @@ -35,6 +83,10 @@ class KanjiResultCard extends StatelessWidget { mainAxisAlignment: MainAxisAlignment.center, children: [_Header(_result.query)], ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceEvenly, + children: [_JlptLevel(_result.jlptLevel), _Grade(_result.taughtIn)], + ) ], ); } diff --git a/lib/components/search_bar.dart b/lib/components/search_bar.dart index f7e916c..11fcf6b 100644 --- a/lib/components/search_bar.dart +++ b/lib/components/search_bar.dart @@ -3,19 +3,18 @@ import 'dart:io'; import 'package:flutter/material.dart'; class SearchBar extends StatelessWidget { - @override Widget build(BuildContext context) { return Container( - padding: EdgeInsets.symmetric(horizontal: 20.0), - child: TextField( - controller: TextEditingController(), - decoration: InputDecoration( - labelText: 'Search', - border: OutlineInputBorder( - borderRadius: BorderRadius.circular(10.0) - ), - ), - ); + padding: EdgeInsets.symmetric(horizontal: 20.0), + child: TextField( + controller: TextEditingController(), + decoration: InputDecoration( + labelText: 'Search', + border: OutlineInputBorder( + borderRadius: BorderRadius.circular(10.0), + ), + ), + )); } -} \ No newline at end of file +}