✨ Status creation & update & clear

2025-05-10 12:38:34 +08:00
parent d678cc571a
commit fb6e65a0fb
9 changed files with 868 additions and 51 deletions
--- a/lib/widgets/account/status.dart
+++ b/lib/widgets/account/status.dart
@ -0,0 +1,130 @@
+import 'package:dio/dio.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/models/user.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/widgets/account/status_creation.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+part 'status.g.dart';
+
+@riverpod
+Future<SnAccountStatus?> accountStatus(Ref ref, String uname) async {
+  final apiClient = ref.watch(apiClientProvider);
+  try {
+    final resp = await apiClient.get('/accounts/$uname/statuses');
+    return SnAccountStatus.fromJson(resp.data);
+  } catch (err) {
+    if (err is DioException) {
+      if (err.response?.statusCode == 404) {
+        return null;
+      }
+    }
+    rethrow;
+  }
+}
+
+class AccountStatusCreationWidget extends HookConsumerWidget {
+  final String uname;
+  final EdgeInsets? padding;
+  const AccountStatusCreationWidget({
+    super.key,
+    required this.uname,
+    this.padding,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final userStatus = ref.watch(accountStatusProvider(uname));
+
+    return InkWell(
+      borderRadius: BorderRadius.circular(8),
+      child: userStatus.when(
+        data:
+            (status) =>
+                (status?.isCustomized ?? false)
+                    ? AccountStatusWidget(uname: uname)
+                    : Padding(
+                      padding:
+                          padding ??
+                          EdgeInsets.symmetric(horizontal: 27, vertical: 4),
+                      child: Row(
+                        spacing: 4,
+                        children: [
+                          Icon(Symbols.keyboard_arrow_up),
+                          Text('statusCreateHint').tr(),
+                        ],
+                      ),
+                    ).opacity(0.85),
+        error:
+            (error, _) => Padding(
+              padding:
+                  padding ?? EdgeInsets.symmetric(horizontal: 26, vertical: 4),
+              child: Row(
+                spacing: 4,
+                children: [Icon(Symbols.close), Text('Error: $error')],
+              ),
+            ).opacity(0.85),
+        loading:
+            () => Padding(
+              padding:
+                  padding ?? EdgeInsets.symmetric(horizontal: 26, vertical: 4),
+              child: Row(
+                spacing: 4,
+                children: [Icon(Symbols.more_vert), Text('loading').tr()],
+              ),
+            ).opacity(0.85),
+      ),
+      onTap: () {
+        showModalBottomSheet(
+          context: context,
+          builder:
+              (context) => AccountStatusCreationSheet(
+                initialStatus:
+                    (userStatus.value?.isCustomized ?? false)
+                        ? userStatus.value
+                        : null,
+              ),
+        );
+      },
+    );
+  }
+}
+
+class AccountStatusWidget extends HookConsumerWidget {
+  final String uname;
+  final EdgeInsets? padding;
+  const AccountStatusWidget({super.key, required this.uname, this.padding});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final userStatus = ref.watch(accountStatusProvider(uname));
+
+    return Padding(
+      padding: padding ?? EdgeInsets.symmetric(horizontal: 27, vertical: 4),
+      child: Row(
+        spacing: 4,
+        children: [
+          if (!(userStatus.value?.isCustomized ?? false))
+            Icon(Symbols.keyboard_arrow_up)
+          else if (userStatus.value!.isOnline)
+            Icon(
+              Symbols.circle,
+              fill: 1,
+              color: Colors.green,
+              size: 16,
+            ).padding(all: 4)
+          else
+            Icon(Symbols.circle, color: Colors.grey, size: 16).padding(all: 4),
+          if (userStatus.value?.isCustomized ?? false)
+            Text(userStatus.value?.label ?? 'unknown'.tr())
+          else
+            Text((userStatus.value?.label ?? 'offline').toLowerCase()).tr(),
+        ],
+      ),
+    ).opacity((userStatus.value?.isCustomized ?? false) ? 1 : 0.85);
+  }
+}