mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-13 07:55:18 +00:00
6673e5a8a8
* feat: add riverpod based favorite album provider * feat: add album is saved, new releases and tracks providers * feat: add artist related providers * feat: add all categories providers * feat: add lyrics provider * feat: add playlist related providers * feat: add search provider * feat: add view and spotify friends provider * feat: add playlist create and update and favorite handlers * feat: use providers in home screen * chore: fix dart lint issues * feat: use new providers for playlist and albums screen * feat: use providers in artist page * feat: use providers on library page * feat: use provider for playlist and album card and heart button * feat: use provider in search page * feat: use providers in generate playlist * feat: use provider in lyrics screen * feat: use provider for create playlist * feat: use provider in add track dialog * feat: use providers in remaining pages and remove fl_query * fix: remove direct access to provider.value * fix: glitching when loading * fix: user album loading next page indicator * feat: make many provider autoDispose after 5 minutes of no usage * fix: ignore episodes in tracks
90 lines
3.1 KiB
Dart
90 lines
3.1 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:auto_size_text/auto_size_text.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:spotube/collections/gradients.dart';
|
|
import 'package:spotube/components/shared/page_window_title_bar.dart';
|
|
import 'package:spotube/extensions/constrains.dart';
|
|
import 'package:spotube/extensions/context.dart';
|
|
import 'package:spotube/provider/spotify/spotify.dart';
|
|
|
|
class GenrePage extends HookConsumerWidget {
|
|
const GenrePage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final ThemeData(:textTheme) = Theme.of(context);
|
|
final scrollController = useScrollController();
|
|
final categories = ref.watch(categoriesProvider);
|
|
|
|
final mediaQuery = MediaQuery.of(context);
|
|
|
|
return Scaffold(
|
|
appBar: PageWindowTitleBar(
|
|
title: Text(context.l10n.explore_genres),
|
|
automaticallyImplyLeading: true,
|
|
),
|
|
body: SafeArea(
|
|
top: false,
|
|
child: GridView.builder(
|
|
padding: const EdgeInsets.all(12),
|
|
controller: scrollController,
|
|
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
|
|
childAspectRatio: 9 / 18,
|
|
maxCrossAxisExtent: mediaQuery.smAndDown ? 200 : 300,
|
|
mainAxisExtent: 200,
|
|
crossAxisSpacing: 12,
|
|
mainAxisSpacing: 12,
|
|
),
|
|
itemCount: categories.value!.length,
|
|
itemBuilder: (context, index) {
|
|
final category = categories.value![index];
|
|
final gradient = gradients[Random().nextInt(gradients.length)];
|
|
return InkWell(
|
|
borderRadius: BorderRadius.circular(8),
|
|
onTap: () {
|
|
context.push("/genre/${category.id}", extra: category);
|
|
},
|
|
child: Ink(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
image: DecorationImage(
|
|
image: NetworkImage(category.icons!.first.url!),
|
|
fit: BoxFit.cover,
|
|
),
|
|
gradient: gradient,
|
|
),
|
|
child: Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: AutoSizeText(
|
|
category.name!,
|
|
style: textTheme.titleLarge?.copyWith(
|
|
color: Colors.white,
|
|
shadows: [
|
|
// stroke shadow
|
|
const Shadow(
|
|
color: Colors.black,
|
|
offset: Offset(1, 1),
|
|
blurRadius: 2,
|
|
),
|
|
],
|
|
),
|
|
maxLines: 1,
|
|
textAlign: TextAlign.center,
|
|
maxFontSize: textTheme.titleLarge!.fontSize!,
|
|
minFontSize: textTheme.titleMedium!.fontSize!,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|