From 347cf6650979dcce797afe619b0a26f42123f011 Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 6 Aug 2024 20:55:21 -0700
Subject: [PATCH] New story for offset example. Fix onHide

---
 .../components/Snackbar/Snackbar.stories.tsx  | 35 ++++++++++++-------
 .../src/components/Snackbar/Snackbar.tsx      |  2 +-
 .../components/Snackbar/SnackbarProvider.tsx  |  1 -
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/packages/components/src/components/Snackbar/Snackbar.stories.tsx b/packages/components/src/components/Snackbar/Snackbar.stories.tsx
index 1501c6b3..dcd2e070 100644
--- a/packages/components/src/components/Snackbar/Snackbar.stories.tsx
+++ b/packages/components/src/components/Snackbar/Snackbar.stories.tsx
@@ -35,41 +35,50 @@ export default meta
 
 type Story = StoryObj<SnackbarProps>
 
+const isWeb = Platform.OS !== 'web'
+
 const mobileComponentRenderer = (props: SnackbarProps) => {
-  const { isError, messageA11y, onActionPressed } = props.data || {}
+  const { isError, messageA11y, onActionPressed, offset } = props.data || {}
   const { show } = useSnackbar()
-  const onPressSnackbarOffset = () => {
-    show(props.message as string, {
-      isError,
-      messageA11y,
-      onActionPressed,
-      offset: 500,
-    })
-  }
-
   const onPressSnackbar = () => {
     show(props.message as string, {
       isError,
       messageA11y,
       onActionPressed,
+      offset,
     })
   }
+
   return (
     <>
-      <Button label="500 Offset" onPress={onPressSnackbarOffset} />
-      <Button label="Default Offset" onPress={onPressSnackbar} />
+      <Button label="Press for Snackbar" onPress={onPressSnackbar} />
     </>
   )
 }
 
 export const _Snackbar: Story = {
-  render: Platform.OS !== 'web' ? mobileComponentRenderer : undefined, // Render Snackbar flat in web
+  name: 'Default',
+  render: isWeb ? mobileComponentRenderer : undefined, // Render Snackbar flat in web
+  args: {
+    message: 'Message moved to Test Folder',
+    data: {
+      isError: false,
+      messageA11y: 'Message moved to Custom Folder with a11y',
+      onActionPressed: () => console.log('Action pressed'),
+    },
+  },
+}
+
+export const __SnackbarWithCustomOffset: Story = {
+  name: 'Custom offset',
+  render: isWeb ? mobileComponentRenderer : undefined, // Render Snackbar flat in web
   args: {
     message: 'Message moved to Test Folder',
     data: {
       isError: false,
       messageA11y: 'Message moved to Custom Folder with a11y',
       onActionPressed: () => console.log('Action pressed'),
+      offset: 200,
     },
   },
 }
diff --git a/packages/components/src/components/Snackbar/Snackbar.tsx b/packages/components/src/components/Snackbar/Snackbar.tsx
index a79c3dfe..90282c79 100644
--- a/packages/components/src/components/Snackbar/Snackbar.tsx
+++ b/packages/components/src/components/Snackbar/Snackbar.tsx
@@ -195,7 +195,7 @@ export const Snackbar: FC<SnackbarProps> = (toast) => {
 
     const onPress = () => {
       onActionPressed()
-      toast.toast.onHide()
+      toast.onHide()
     }
     const actionText = isError ? t('tryAgain') : t('undo')
 
diff --git a/packages/components/src/components/Snackbar/SnackbarProvider.tsx b/packages/components/src/components/Snackbar/SnackbarProvider.tsx
index 039d08b2..78d1757e 100644
--- a/packages/components/src/components/Snackbar/SnackbarProvider.tsx
+++ b/packages/components/src/components/Snackbar/SnackbarProvider.tsx
@@ -8,7 +8,6 @@ type SnackbarContextType = {
   setOffset: (newOffset: number) => void
 }
 
-// Create the context without default values
 export const SnackbarContext = createContext<SnackbarContextType | undefined>(
   undefined,
 )