持ち物追加処理を実装

[seigi0714]

改修内容

• 持ち物追加処理を追加
• 持ち物追加フォーム用のボトムシートを実装
• controller周りのテスト実装

※ 一覧画面の見た目は次回以降のタスク

改修後キャプチャ

2023-05-13.16.34.24.mov

[seigi0714]

@shimizu-saffle
持ち物一覧追加処理実装した！
暇なとき確認お願い！

[seigi0714]

[memo]

• 追加した持ち物は一番上に来るように修正
  • TODO: サーバーサイドからidが降順で帰ってくるように修正する
• オーバーレイのローディングを出したいのでAsyncValueのisLoadingではなくoverlayLoadingProviderを使用

[seigi0714]

[memo]
正常系のみ実装
理由としては
エラー帰ってきた際,AsyncValueのstateがAsyncValue.errorになるかなどはriverpod側の仕様なのでわざわざ
自分たちのテストで書かなくてもよいかなとおもったから

[shimizu-saffle]

@seigi0714
AddTripBelongingSheet のデザインと UXライティング良いね！
一箇所コメントした〜！

[shimizu-saffle]

ここで、AsyncValue.guard() すると、ref.read(tripInteractorProvider).addTripBelonging() を呼んだ時に例外が生じると、TripBelongingList に ErrorCat が表示されちゃう。
（fetchTripBelongings に失敗してデータ取得できなかった時は ErrorCat で良い）

例外発生時の挙動は上記のようになるよりは、すでにフェッチ成功している持ち物リストを表示したままスナックバーを出したほうが UX が良いと思う💡

Future<void> addBelonging({
    required int tripId,
    required String name,
    required int numOf,
    required bool isShareAmongMember,
    VoidCallback? onSuccess,
  }) async {
    ref.read(overlayLoadingProvider.notifier).startLoading();
    // 例外発生時に AsyncValue.when でビルドしているウィジェットを error にしないため、
    // AsyncValue.guard() を使っていない。
    try {
      final result = await ref.read(tripInteractorProvider).addTripBelonging(
            tripId: tripId,
            name: name,
            numOf: numOf,
            isShareAmongMember: isShareAmongMember,
          );
      state = AsyncValue.data([result, ...state.value ?? []]);
    } on Exception catch (e) {
      ref.read(exceptionHandlerProvider).handleException(e);
    } finally {
      ref.read(overlayLoadingProvider.notifier).endLoading();
      onSuccess?.call();
    }
  }

[seigi0714]

ありがとう確かにそやね〜！修正する！

[seigi0714]

@shimizu-saffle
修正した！

[shimizu-saffle]

LGTM!!（遅くなってごめん🙏） @seigi0714