fix: app provider issue

gluestack · Mar 12, 2024 · acd925b · acd925b
1 parent c312657
commit acd925b
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 26 deletions.
diff --git a/example/storybook-nativewind/src/components/HStack/index.nw.stories.mdx b/example/storybook-nativewind/src/components/HStack/index.nw.stories.mdx
@@ -172,7 +172,7 @@ The Examples section provides visual representations of the different variants o
 
 An HStack component with the reversed prop reverses the order of horizontally stacked elements, allowing for customized layouts and visual arrangements of content within a user interface.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -191,4 +191,4 @@ An HStack component with the reversed prop reverses the order of horizontally st
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
diff --git a/example/storybook-nativewind/src/components/Icon/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Icon/index.nw.stories.mdx
@@ -230,7 +230,7 @@ The Examples section provides visual representations of the different variants o
 
 Below is a list of all of the icons in the library.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -363,13 +363,13 @@ Below is a list of all of the icons in the library.
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Lucide Icons (Recommended)
 
 [Lucide](https://lucide.dev/docs/lucide-react-native) is an open source icon library for displaying icons for react-native. `gluestack-ui` provides an easy integration with lucide icons.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -397,7 +397,7 @@ Below is a list of all of the icons in the library.
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### SVG & Custom Icons
 
@@ -422,7 +422,7 @@ Before :
 After :
 `<Path fill="currentColor" d="M10 10L20 20" /> `
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -459,4 +459,4 @@ After :
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
diff --git a/example/storybook-nativewind/src/components/Modal/index.themed.stories.mdx b/example/storybook-nativewind/src/components/Modal/index.themed.stories.mdx
@@ -54,7 +54,7 @@ import Wrapper from '../../core-components/themed/Wrapper';
 
 This is an illustration of **Modal** component.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -142,7 +142,7 @@ This is an illustration of **Modal** component.
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 <br />
 

diff --git a/example/storybook-nativewind/src/components/Radio/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Radio/index.nw.stories.mdx
@@ -466,7 +466,7 @@ The Examples section provides visual representations of the different variants o
 
 Radio buttons provide a mutually exclusive selection mechanism, allowing users to choose a single option from a set of related choices.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -517,13 +517,13 @@ Radio buttons provide a mutually exclusive selection mechanism, allowing users t
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Horizontal
 
 Radio buttons can be used horizontally.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -568,13 +568,13 @@ Radio buttons can be used horizontally.
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### With help text
 
 Radio buttons can be used with helper text.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -627,13 +627,13 @@ Radio buttons can be used with helper text.
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Form Control
 
 Radio buttons can be used inside FormControl for better control of states and functionality.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -692,13 +692,13 @@ Radio buttons can be used inside FormControl for better control of states and fu
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Label left
 
 Radio buttons can be used horizontally
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -744,13 +744,13 @@ Radio buttons can be used horizontally
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Controlled
 
 The Radio components can be used with a controlled state, enabling precise management of the selected option through external state management.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -796,13 +796,13 @@ The Radio components can be used with a controlled state, enabling precise manag
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Uncontrolled
 
 The Radio components can be used with either a ref or no state, providing an uncontrolled state where the selected option is managed internally.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -852,13 +852,13 @@ The Radio components can be used with either a ref or no state, providing an unc
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>
 
 #### Radio group
 
 The Radio group component allows users to group radio and display them in a horizontal or vertical row for better visual representation and functionality.
 
-<AppProvider>
+<Wrapper>
   <CodePreview
     showComponentRenderer={true}
     showArgsController={false}
@@ -910,4 +910,4 @@ The Radio group component allows users to group radio and display them in a hori
       argsType: {},
     }}
   />
-</AppProvider>
+</Wrapper>