105 lines
3.3 KiB
Dart
105 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:island/models/publication_site.dart';
|
|
import 'package:island/pods/network.dart';
|
|
import 'package:island/pods/site_pages.dart';
|
|
import 'package:island/widgets/sites/page_form.dart';
|
|
import 'package:island/widgets/sites/site_action_menu.dart';
|
|
import 'package:island/widgets/sites/site_detail_content.dart';
|
|
import 'package:island/widgets/app_scaffold.dart';
|
|
import 'package:material_symbols_icons/symbols.dart';
|
|
import 'package:riverpod_annotation/riverpod_annotation.dart';
|
|
|
|
part 'site_detail.g.dart';
|
|
|
|
@riverpod
|
|
Future<SnPublicationSite> publicationSiteDetail(
|
|
Ref ref,
|
|
String pubName,
|
|
String siteSlug,
|
|
) async {
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
final resp = await apiClient.get('/zone/sites/$pubName/$siteSlug');
|
|
return SnPublicationSite.fromJson(resp.data);
|
|
}
|
|
|
|
class PublicationSiteDetailScreen extends HookConsumerWidget {
|
|
final String siteSlug;
|
|
final String pubName;
|
|
|
|
const PublicationSiteDetailScreen({
|
|
super.key,
|
|
required this.siteSlug,
|
|
required this.pubName,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final siteAsync = ref.watch(
|
|
publicationSiteDetailProvider(pubName, siteSlug),
|
|
);
|
|
|
|
return AppScaffold(
|
|
isNoBackground: false,
|
|
appBar: AppBar(
|
|
title: siteAsync.maybeWhen(
|
|
data: (site) => Text(site.name),
|
|
orElse: () => const Text('Site Details'),
|
|
),
|
|
actions: [
|
|
siteAsync.maybeWhen(
|
|
data: (site) => SiteActionMenu(site: site, pubName: pubName),
|
|
orElse: () => const SizedBox.shrink(),
|
|
),
|
|
const Gap(8),
|
|
],
|
|
),
|
|
body: siteAsync.when(
|
|
data: (site) => SiteDetailContent(site: site, pubName: pubName),
|
|
error:
|
|
(error, stack) => Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'Failed to load site',
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
),
|
|
const Gap(16),
|
|
Text(error.toString()),
|
|
const Gap(24),
|
|
ElevatedButton(
|
|
onPressed:
|
|
() => ref.invalidate(
|
|
publicationSiteDetailProvider(pubName, siteSlug),
|
|
),
|
|
child: const Text('Retry'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
|
),
|
|
floatingActionButton: siteAsync.maybeWhen(
|
|
data:
|
|
(site) => FloatingActionButton(
|
|
onPressed: () {
|
|
// Create new page
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (context) => PageForm(site: site, pubName: pubName),
|
|
).then((_) {
|
|
// Refresh pages after creation
|
|
ref.invalidate(sitePagesProvider(pubName, site.slug));
|
|
});
|
|
},
|
|
child: const Icon(Symbols.add),
|
|
),
|
|
orElse: () => null,
|
|
),
|
|
);
|
|
}
|
|
}
|