feat: Auto show mode for transfer buttons (#2000)

Transfer buttons now show as per Ishtar Commander. They remember if they were open or minimised from the last use.

native/app/inventory/pages/details/DetailsView.tsx

@@ -23,6 +23,7 @@ import ScreenInfo from "@/app/inventory/pages/details/ScreenInfo.tsx";
 import TransferEquipButtons from "@/app/inventory/pages/TransferEquipButtons.tsx";
 import type { DestinyItem } from "@/app/inventory/logic/Types.ts";
 import { ItemType } from "@/app/bungie/Enums.ts";
+import { ShowBottomSheet } from "@/app/store/SettingsSlice.ts";
 
 function showBottomSheet(destinyItem: DestinyItem): boolean {
   if (destinyItem.def.itemType === ItemType.SeasonalArtifact) {
@@ -65,7 +66,7 @@ export default function DetailsView({ route, navigation }: Props) {
   }
 
   // BottomSheet animation
-  const opacity = useSharedValue(0);
+  const opacity = useSharedValue(useGGStore.getState().showNextBottomSheet === ShowBottomSheet.show ? 1 : 0);
   const transferButtonStyle = useAnimatedStyle(() => ({
     opacity: interpolate(opacity.value, [0, 1], [0, 1], Extrapolation.CLAMP),
   }));
@@ -115,7 +116,14 @@ export default function DetailsView({ route, navigation }: Props) {
       {showBottomSheet(destinyItem) && (
         <BottomSheet
           ref={bottomSheetRef}
-          index={0}
+          index={useGGStore.getState().showNextBottomSheet === ShowBottomSheet.show ? 1 : 0}
+          onChange={(e) => {
+            if (e === 0) {
+              useGGStore.getState().setShowBottomSheet(ShowBottomSheet.minimize);
+            } else if (e === 1) {
+              useGGStore.getState().setShowBottomSheet(ShowBottomSheet.show);
+            }
+          }}
           snapPoints={snapPoints}
           animateOnMount={false}
           handleStyle={{

native/app/store/GGStore.ts

@@ -5,14 +5,16 @@ import { type AccountSlice, createAccountSlice } from "./Account/AccountSlice.ts
 import { type AuthenticationSlice, createAuthenticationSlice } from "./Authentication/Slice.ts";
 import { type DefinitionsSlice, createDefinitionsSlice } from "./DefinitionsSlice.ts";
 import { type UIDataSlice, createUIDataSlice } from "./UIDataSlice.ts";
+import { type SettingsSlice, createSettingsSlice } from "./SettingsSlice.ts";
 
-export interface IStore extends AccountSlice, AuthenticationSlice, DefinitionsSlice, UIDataSlice {}
+export interface IStore extends AccountSlice, AuthenticationSlice, DefinitionsSlice, UIDataSlice, SettingsSlice {}
 
 export const useGGStore = create<IStore>()(
   subscribeWithSelector((...a) => ({
     ...createAccountSlice(...a),
     ...createAuthenticationSlice(...a),
     ...createDefinitionsSlice(...a),
     ...createUIDataSlice(...a),
+    ...createSettingsSlice(...a),
   })),
 );

native/app/store/SettingsSlice.ts

@@ -0,0 +1,31 @@
+import type { IStore } from "@/app/store/GGStore.ts";
+import type { StateCreator } from "zustand";
+
+export type SettingsSliceSetter = Parameters<StateCreator<IStore, [], [], SettingsSlice>>[0];
+export type SettingsSliceGetter = Parameters<StateCreator<IStore, [], [], SettingsSlice>>[1];
+
+enum ShowBottomSheetPreference {
+  Auto = "AUTOMATIC",
+  AlwaysShowing = "ALWAYS_SHOWING",
+  AlwaysMinimized = "ALWAYS_MINIMIZED",
+}
+
+export enum ShowBottomSheet {
+  show = "show",
+  minimize = "minimize",
+}
+
+export interface SettingsSlice {
+  showBottomSheetPreference: ShowBottomSheetPreference;
+  showNextBottomSheet: ShowBottomSheet;
+  setShowBottomSheet: (showBottomSheet: ShowBottomSheet) => void;
+}
+
+export const createSettingsSlice: StateCreator<IStore, [], [], SettingsSlice> = (set, get) => ({
+  showBottomSheetPreference: ShowBottomSheetPreference.Auto,
+  showNextBottomSheet: ShowBottomSheet.show,
+  setShowBottomSheet: (showBottomSheet: ShowBottomSheet) => {
+    if (get().showBottomSheetPreference === ShowBottomSheetPreference.Auto)
+      set({ showNextBottomSheet: showBottomSheet });
+  },
+});