96 lines
3.0 KiB
Dart
96 lines
3.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:skripsi_getit/data/state/movie_state.dart';
|
|
import 'package:skripsi_getit/services/cubit/popular_movie_cubit.dart';
|
|
import 'package:skripsi_getit/themes/colors.dart';
|
|
import 'package:skripsi_getit/themes/fonts.dart';
|
|
import 'package:skripsi_getit/ui/home/widgets/load_movie_placeholder.dart';
|
|
import 'package:skripsi_getit/ui/home/widgets/movie_card.dart';
|
|
|
|
class PopularMovie extends StatefulWidget {
|
|
const PopularMovie({super.key});
|
|
|
|
@override
|
|
State<PopularMovie> createState() => PopularMovieState();
|
|
}
|
|
|
|
class PopularMovieState extends State<PopularMovie> {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
context.read<PopularMovieCubit>().fetchPopularMovies();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Gap(20),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Popular Movies',
|
|
style: AppFonts.montserrat(
|
|
fontSize: 16,
|
|
color: whiteColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
// InkWell(
|
|
// onTap: () {
|
|
// Navigator.push(
|
|
// context,
|
|
// MaterialPageRoute(
|
|
// builder: (context) => const AllPopularMovie(),
|
|
// ),
|
|
// );
|
|
// },
|
|
// child: Text(
|
|
// 'See More',
|
|
// style: AppFonts.montserrat(fontSize: 12, color: whiteColor),
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
const Gap(20),
|
|
SizedBox(
|
|
height: 250,
|
|
child: BlocBuilder<PopularMovieCubit, MovieState>(
|
|
builder: (context, state) {
|
|
if (state.isLoading && state.movies.isEmpty) {
|
|
return ListView.builder(
|
|
itemCount: 5,
|
|
scrollDirection: Axis.horizontal,
|
|
itemBuilder: (context, index) {
|
|
return const LoadMoviePlaceholder();
|
|
},
|
|
);
|
|
} else if (state.errorMessage.isNotEmpty) {
|
|
return Center(child: Text(state.errorMessage));
|
|
} else if (state.movies.isEmpty) {
|
|
return Center(
|
|
child: Text(
|
|
'No movies available',
|
|
style: AppFonts.montserrat(fontSize: 12, color: whiteColor),
|
|
),
|
|
);
|
|
} else {
|
|
return ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: state.movies.length,
|
|
itemBuilder: (context, index) {
|
|
return MovieCard(movie: state.movies[index]);
|
|
},
|
|
);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|