Skip to content
This repository has been archived by the owner on Jan 9, 2024. It is now read-only.

refactor: split widgets in different files #81

Merged
merged 2 commits into from
Dec 12, 2023
Merged

refactor: split widgets in different files #81

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
528648a
refactor: split widgets in different files
RuiMiguel Dec 12, 2023
bf965a3
fix: visible for testing widgets
RuiMiguel Dec 12, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
310 changes: 0 additions & 310 deletions lib/results/view/results_view.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
import 'package:api_client/api_client.dart';
import 'package:app_ui/app_ui.dart';
import 'package:dash_ai_search/home/home.dart';
import 'package:dash_ai_search/l10n/l10n.dart';
import 'package:dash_ai_search/question/question.dart';
import 'package:dash_ai_search/results/results.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
Expand Down Expand Up @@ -104,67 +102,6 @@ class _ResultsView extends StatelessWidget {
}
}

class SearchBoxView extends StatefulWidget {
@visibleForTesting
const SearchBoxView({super.key});

@override
State<SearchBoxView> createState() => SearchBoxViewState();
}

class SearchBoxViewState extends State<SearchBoxView>
with TickerProviderStateMixin, TransitionScreenMixin {
late Animation<Offset> _offset;
late Animation<double> _opacity;

@override
List<Status> get forwardEnterStatuses => [Status.thinkingToResults];

@override
void initializeTransitionController() {
super.initializeTransitionController();

enterTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);

exitTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);
}

@override
void initState() {
super.initState();

_offset = Tween<Offset>(begin: const Offset(0, 1), end: Offset.zero)
.animate(enterTransitionController);

_opacity =
Tween<double>(begin: 0, end: 1).animate(enterTransitionController);
}

@override
Widget build(BuildContext context) {
return Container(
constraints: const BoxConstraints(
maxWidth: 659,
),
child: SlideTransition(
position: _offset,
child: FadeTransition(
opacity: _opacity,
child: const SearchBox(
askAgain: true,
),
),
),
);
}
}

class BlueContainer extends StatefulWidget {
@visibleForTesting
const BlueContainer({
Expand Down Expand Up @@ -451,126 +388,6 @@ class _AiResponseState extends State<_AiResponse>
}
}

class SummaryView extends StatefulWidget {
const SummaryView({
super.key,
});

@override
State<SummaryView> createState() => _SummaryViewState();
}

class _SummaryViewState extends State<SummaryView>
with TickerProviderStateMixin, TransitionScreenMixin {
late Animation<double> _width;

@override
List<Status> get forwardExitStatuses => [Status.resultsToSourceAnswers];

@override
List<Status> get backEnterStatuses => [Status.sourceAnswersBackToResults];

@override
void initializeTransitionController() {
super.initializeTransitionController();

enterTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);

exitTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);
}

@override
void initState() {
super.initState();

_width = Tween<double>(begin: 563, end: 659).animate(
CurvedAnimation(
parent: exitTransitionController,
curve: Curves.decelerate,
),
);
}

@override
Widget build(BuildContext context) {
final textTheme = Theme.of(context).textTheme;
final parsed = context.select((HomeBloc bloc) => bloc.state.parsedSummary);

return AnimatedBuilder(
animation: _width,
builder: (context, child) {
return SizedBox(
width: _width.value,
child: RichText(
text: TextSpan(
children: [
for (final element in parsed.elements)
if (element.isLink)
WidgetSpan(
child: InkWell(
onTap: () {
final isOnSeeSourceAnswers =
context.read<HomeBloc>().state.status ==
Status.seeSourceAnswers;
if (isOnSeeSourceAnswers) {
context.read<HomeBloc>().add(
HomeSourceAnswersNavigated(
element.text,
),
);
} else {
context.read<HomeBloc>().add(
HomeSeeSourceAnswersRequested(
element.text,
),
);
}
},
child: Container(
margin: const EdgeInsets.symmetric(
horizontal: 2,
),
padding: const EdgeInsets.symmetric(
vertical: 4,
horizontal: 12,
),
decoration: const BoxDecoration(
color: VertexColors.white,
borderRadius: BorderRadius.all(
Radius.circular(100),
),
),
child: Text(
element.text,
style: textTheme.labelLarge?.copyWith(
color: VertexColors.googleBlue,
),
),
),
),
)
else
TextSpan(
text: element.text,
style: textTheme.headlineLarge?.copyWith(
color: VertexColors.white,
),
),
],
),
),
);
},
);
}
}

class CarouselView extends StatefulWidget {
@visibleForTesting
const CarouselView({
Expand Down Expand Up @@ -645,130 +462,3 @@ class CarouselViewState extends State<CarouselView>
);
}
}

class BackToAnswerButton extends StatefulWidget {
@visibleForTesting
const BackToAnswerButton({super.key});

@override
State<BackToAnswerButton> createState() => _BackToAnswerButtonState();
}

class _BackToAnswerButtonState extends State<BackToAnswerButton>
with TickerProviderStateMixin, TransitionScreenMixin {
late Animation<double> _sizeExitIn;

@override
List<Status> get forwardExitStatuses => [Status.resultsToSourceAnswers];

@override
List<Status> get backEnterStatuses => [Status.sourceAnswersBackToResults];

@override
void initializeTransitionController() {
super.initializeTransitionController();

enterTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);

exitTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);
}

@override
void initState() {
super.initState();

_sizeExitIn = CurvedAnimation(
parent: exitTransitionController,
curve: Curves.decelerate,
);
}

@override
Widget build(BuildContext context) {
final l10n = context.l10n;

return SizeTransition(
sizeFactor: _sizeExitIn,
axis: Axis.horizontal,
child: Align(
alignment: Alignment.topLeft,
child: TertiaryCTA(
key: const Key('backToAnswerButtonKey'),
label: l10n.backToAIAnswer,
icon: vertexIcons.arrowBack.image(color: VertexColors.white),
onPressed: () {
context.read<HomeBloc>().add(const HomeBackToAiSummaryTapped());
},
),
),
);
}
}

class SeeSourceAnswersButton extends StatefulWidget {
@visibleForTesting
const SeeSourceAnswersButton({super.key});

@override
State<SeeSourceAnswersButton> createState() => _SeeSourceAnswersButtonState();
}

class _SeeSourceAnswersButtonState extends State<SeeSourceAnswersButton>
with TickerProviderStateMixin, TransitionScreenMixin {
late Animation<double> _opacityExitOut;

@override
List<Status> get forwardExitStatuses => [Status.resultsToSourceAnswers];

@override
List<Status> get backEnterStatuses => [Status.sourceAnswersBackToResults];

@override
void initializeTransitionController() {
super.initializeTransitionController();

enterTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);

exitTransitionController = AnimationController(
vsync: this,
duration: const Duration(seconds: 1),
);
}

@override
void initState() {
super.initState();
_opacityExitOut =
Tween<double>(begin: 1, end: 0).animate(exitTransitionController);
}

@override
Widget build(BuildContext context) {
final l10n = context.l10n;

return FadeTransition(
opacity: _opacityExitOut,
child: Align(
alignment: Alignment.bottomRight,
child: TertiaryCTA(
label: l10n.seeSourceAnswers,
icon: vertexIcons.arrowForward.image(
color: VertexColors.white,
),
onPressed: () => context
.read<HomeBloc>()
.add(const HomeSeeSourceAnswersRequested(null)),
),
),
);
}
}
Loading
Loading