modify SearchResultWidget

This commit is contained in:
ashilkn 2023-10-16 16:45:28 +05:30
parent a33eff40a8
commit 835102e0bf

View file

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:photos/ente_theme_data.dart'; import 'package:photos/ente_theme_data.dart';
import 'package:photos/models/search/search_result.dart'; import 'package:photos/models/search/search_result.dart';
import "package:photos/models/search/search_types.dart"; import "package:photos/models/search/search_types.dart";
import "package:photos/theme/ente_theme.dart";
import 'package:photos/ui/viewer/search/result/search_result_page.dart'; import 'package:photos/ui/viewer/search/result/search_result_page.dart';
import 'package:photos/ui/viewer/search/result/search_thumbnail_widget.dart'; import 'package:photos/ui/viewer/search/result/search_thumbnail_widget.dart';
import 'package:photos/utils/navigation_util.dart'; import 'package:photos/utils/navigation_util.dart';
@ -21,10 +22,12 @@ class SearchResultWidget extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final heroTagPrefix = searchResult.heroTag(); final heroTagPrefix = searchResult.heroTag();
final textTheme = getEnteTextTheme(context);
return GestureDetector( return GestureDetector(
behavior: HitTestBehavior.opaque, behavior: HitTestBehavior.opaque,
child: Container( child: Container(
//todo: check and change color to figma
color: Theme.of(context).colorScheme.searchResultsColor, color: Theme.of(context).colorScheme.searchResultsColor,
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 12), padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 12),
@ -36,54 +39,44 @@ class SearchResultWidget extends StatelessWidget {
searchResult.previewThumbnail(), searchResult.previewThumbnail(),
heroTagPrefix, heroTagPrefix,
), ),
const SizedBox(width: 16), const SizedBox(width: 12),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text(
_resultTypeName(searchResult.type()),
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.subTextColor,
),
),
const SizedBox(height: 6),
SizedBox( SizedBox(
width: 220, width: 220,
child: Text( child: Text(
searchResult.name(), searchResult.name(),
style: const TextStyle(fontSize: 18), style: textTheme.body,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
), ),
), ),
const SizedBox(height: 2), const SizedBox(height: 4),
FutureBuilder<int>( Row(
future: resultCount ?? children: [
Future.value(searchResult.resultFiles().length), Text(
builder: (context, snapshot) { _resultTypeName(searchResult.type()),
if (snapshot.hasData && snapshot.data! > 0) { style: textTheme.smallMuted,
final noOfMemories = snapshot.data; ),
return RichText( FutureBuilder<int>(
text: TextSpan( future: resultCount ??
style: TextStyle( Future.value(searchResult.resultFiles().length),
color: Theme.of(context) builder: (context, snapshot) {
.colorScheme if (snapshot.hasData && snapshot.data! > 0) {
.searchResultsCountTextColor, final noOfMemories = snapshot.data;
),
children: [ return Text(
TextSpan(text: noOfMemories.toString()), " \u2022 " + noOfMemories.toString(),
TextSpan( style: textTheme.smallMuted,
text: );
noOfMemories != 1 ? ' memories' : ' memory', } else {
), return const SizedBox.shrink();
], }
), },
); ),
} else { ],
return const SizedBox.shrink();
}
},
), ),
const SizedBox(height: 2),
], ],
), ),
const Spacer(), const Spacer(),