price components fixes

src/components/@shared/Price/PriceUnit/index.stories.tsx

@@ -3,6 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react'
 import PriceUnit, { PriceUnitProps } from '@shared/Price/PriceUnit'
 import MarketMetadataProvider from '@context/MarketMetadata'
 import PricesProvider from '@context/Prices'
+import { UserPreferencesProvider } from '@context/UserPreferences'
 
 export default {
   title: 'Component/@shared/Price/PriceUnit',
@@ -12,9 +13,9 @@ export default {
 const Template: ComponentStory<typeof PriceUnit> = (args: PriceUnitProps) => {
   return (
     <MarketMetadataProvider>
-      <PricesProvider>
+      <UserPreferencesProvider>
         <PriceUnit {...args} />
-      </PricesProvider>
+      </UserPreferencesProvider>
     </MarketMetadataProvider>
   )
 }

src/components/@shared/Price/index.stories.tsx

@@ -2,16 +2,23 @@ import React from 'react'
 import { ComponentStory, ComponentMeta } from '@storybook/react'
 import Price, { PriceProps } from '@shared/Price'
 import { AccessDetails } from 'src/@types/Price'
-import { locale, currency, prices } from '../../../../.storybook/__mockdata__'
+import { UserPreferencesProvider } from '@context/UserPreferences'
+import MarketMetadataProvider from '@context/MarketMetadata'
 
 export default {
   title: 'Component/@shared/Price',
   component: Price
 } as ComponentMeta<typeof Price>
 
-const Template: ComponentStory<typeof Price> = (args: PriceProps) => (
+const Template: ComponentStory<typeof Price> = (args: PriceProps) => {
+  return (
+    <MarketMetadataProvider>
+      <UserPreferencesProvider>
         <Price {...args} />
+      </UserPreferencesProvider>
+    </MarketMetadataProvider>
   )
+}
 
 interface Props {
   args: PriceProps