💫 Update: Ex - Test06

dominicstop · Mar 30, 2023 · 5787d82 · 5787d82
1 parent ed4839d
commit 5787d82
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/example/src/examples/Test06/ModalGroup.tsx b/example/src/examples/Test06/ModalGroup.tsx
@@ -64,7 +64,18 @@ export const ModalGroup = React.forwardRef<ModalGroupHandle, ModalGroupProps>(
               setCurrentModalIndex(nextModalIndex);
               modalRef.setVisibility(true);
             }}
-            onPressClosePrevModal={async (modalIndex) => {
+            onPressCloseModal={async (modalIndex) => {
+              const modalRef = modalRefs.current[`${modalIndex}`];
+
+              // guard
+              if (modalRef == null) {
+                return;
+              }
+
+              await modalRef.setVisibility(false);
+              setCurrentModalIndex(modalIndex - 1);
+            }}
+            onPressClosePrevModal={(modalIndex) => {
               const prevModalIndex = modalIndex - 1;
 
               const prevModalRef = modalRefs.current[`${prevModalIndex}`];
@@ -74,8 +85,7 @@ export const ModalGroup = React.forwardRef<ModalGroupHandle, ModalGroupProps>(
                 return;
               }
 
-              await prevModalRef.setVisibility(false);
-              setCurrentModalIndex(prevModalIndex);
+              prevModalRef.setVisibility(false);
             }}
           />
         </ModalView>

diff --git a/example/src/examples/Test06/ModalGroupItemContent.tsx b/example/src/examples/Test06/ModalGroupItemContent.tsx
@@ -16,6 +16,7 @@ export function ModalGroupItemContent(props: {
   modalIndex: number;
   onPressOpenNextModal: (modalIndex: number) => void;
   onPressClosePrevModal: (modalIndex: number) => void;
+  onPressCloseModal: (modalIndex: number) => void;
 }) {
   const logDisplayRef = React.useRef<CardLogDisplayHandle>(null);
 
@@ -82,7 +83,7 @@ export function ModalGroupItemContent(props: {
         <CardButton
           title={'🚫 Close Modal'}
           onPress={() => {
-            modalContext.setVisibility(false);
+            props.onPressCloseModal(props.modalIndex);
           }}
         />
         {props.modalIndex > 0 && (