mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-13 07:55:18 +00:00
fece073def
Configuration File Removals:
.vscode/c_cpp_properties.json: Removed the entire configuration for C/C++ properties.
.vscode/launch.json: Removed the Dart launch configurations for different environments and modes.
.vscode/settings.json: Removed settings related to CMake, spell checking, file nesting, and Dart Flutter SDK path.
.vscode/snippets.code-snippets: Removed code snippets for Dart, including PaginatedState and PaginatedNotifier templates.
.vscode/tasks.json: Removed the tasks configuration file.
Documentation Updates:
CONTRIBUTION.md: Removed heart emoji from the introductory text.
README.md: Updated the logo image and made minor text adjustments, including removing emojis and updating section titles. [1] [2] [3] [4] [5]
Asset Removals:
lib/collections/assets.gen.dart: Removed multiple unused asset references, including images related to Spotube logos and banners. [1] [2] [3]
Minor Code Cleanups:
cli/commands/build/linux.dart, cli/commands/build/windows.dart, cli/commands/translated.dart, cli/commands/untranslated.dart: Adjusted import statements for consistency. [1] [2] [3] [4]
integration_test/app_test.dart: Removed an unnecessary blank line.
lib/collections/routes.dart: Commented out the TrackRoute configuration.
99 lines
3.4 KiB
Dart
99 lines
3.4 KiB
Dart
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter_extension.dart';
|
|
import 'package:spotube/components/titlebar/titlebar.dart';
|
|
import 'package:spotube/components/track_presentation/presentation_list.dart';
|
|
import 'package:spotube/components/track_presentation/presentation_modifiers.dart';
|
|
import 'package:spotube/components/track_presentation/presentation_props.dart';
|
|
import 'package:spotube/components/track_presentation/presentation_top.dart';
|
|
import 'package:spotube/extensions/constrains.dart';
|
|
import 'package:spotube/extensions/context.dart';
|
|
import 'package:spotube/utils/platform.dart';
|
|
|
|
class TrackPresentation extends HookConsumerWidget {
|
|
final TrackPresentationOptions options;
|
|
const TrackPresentation({
|
|
super.key,
|
|
required this.options,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final scrollController = useScrollController();
|
|
final focusNode = useFocusNode();
|
|
final scale = context.theme.scaling;
|
|
|
|
useEffect(() {
|
|
if (!kIsMobile) return null;
|
|
void listener() {
|
|
if (!scrollController.hasClients) return;
|
|
|
|
if (focusNode.hasFocus) {
|
|
scrollController.animateTo(
|
|
300 * scale,
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
}
|
|
}
|
|
|
|
focusNode.addListener(listener);
|
|
return () {
|
|
focusNode.removeListener(listener);
|
|
};
|
|
}, [focusNode, scrollController, scale]);
|
|
|
|
return Data<TrackPresentationOptions>.inherit(
|
|
data: options,
|
|
child: SafeArea(
|
|
bottom: false,
|
|
child: Scaffold(
|
|
headers: const [TitleBar()],
|
|
child: CustomScrollView(
|
|
controller: scrollController,
|
|
slivers: [
|
|
const TrackPresentationTopSection(),
|
|
const SliverGap(16),
|
|
SliverLayoutBuilder(
|
|
builder: (context, constrains) {
|
|
return SliverList.list(
|
|
children: [
|
|
TrackPresentationModifiersSection(
|
|
focusNode: focusNode,
|
|
),
|
|
Basic(
|
|
padding: const EdgeInsets.symmetric(
|
|
vertical: 8,
|
|
horizontal: 16,
|
|
),
|
|
leading: constrains.mdAndUp ? const Text(" #") : null,
|
|
title: Row(
|
|
children: [
|
|
Expanded(
|
|
flex: constrains.lgAndUp ? 5 : 6,
|
|
child: Text(context.l10n.title),
|
|
),
|
|
if (constrains.mdAndUp)
|
|
Expanded(
|
|
flex: 3,
|
|
child: Text(context.l10n.album),
|
|
),
|
|
Text(context.l10n.duration),
|
|
],
|
|
),
|
|
).small().muted(),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
const PresentationListSection(),
|
|
const SliverSafeArea(sliver: SliverGap(10)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|