[COR-481][BpkDrawer] Drawer Ipad Setting Fix (#3682)

* Update BpkJourneyArrow.module.scss * Update drawer to tsx * Update BpkJourneyArrow.module.scss * Update BpkDrawer.tsx * Update BpkDrawerContent.tsx * Importing types for drawer * Type imports updated * Drawer snapshot update * Param setup * Fix className * Updating transition * Test fix * Restoring className * Transition * Update BpkDrawerContent.module.scss * Animation correction and state management fix * Update BpkDrawerContent.tsx * Fixing ipad set to true in Drawer --------- Co-authored-by: tristan-grayford <[email protected]> Co-authored-by: Ollie Curtis <[email protected]>
Skyscanner · Nov 26, 2024 · ee9ee7f · ee9ee7f
1 parent 5c3bfec
commit ee9ee7f
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/bpk-component-drawer/src/BpkDrawer.tsx b/packages/bpk-component-drawer/src/BpkDrawer.tsx
@@ -21,7 +21,7 @@
 import type { ReactNode } from 'react';
 import { useState, useEffect } from 'react';
 
-import { Portal, isDeviceIphone } from '../../bpk-react-utils';
+import { Portal, isDeviceIpad, isDeviceIphone } from '../../bpk-react-utils';
 import { withScrim } from '../../bpk-scrim-utils';
 
 import BpkDrawerContent from './BpkDrawerContent';
@@ -47,6 +47,7 @@ export type Props = {
   closeLabel?: string | null,
   closeText?: string,
   hideTitle?: boolean,
+  isIpad?: boolean,
   isIphone?: boolean,
   padded?: boolean,
   mobileModalDisplay?: boolean,
@@ -62,6 +63,7 @@ const BpkDrawer = ({
   getApplicationElement,
   hideTitle = false,
   id,
+  isIpad = isDeviceIpad(),
   isIphone = isDeviceIphone(),
   isOpen,
   mobileModalDisplay = false,
@@ -105,7 +107,7 @@ const BpkDrawer = ({
           onClose={hide}
           onCloseAnimationComplete={onCloseAnimationComplete}
           closeOnScrimClick
-          isIpad
+          isIpad={isIpad}
           isIphone={isIphone}
           padded={padded}
           mobileModalDisplay={mobileModalDisplay}