From aaf3c2b8ae8a3d6ad9b3a480d5aebf09a8c60760 Mon Sep 17 00:00:00 2001
From: ClaudiaHolhos <claudia@oceanprotocol.com>
Date: Mon, 20 Jun 2022 16:41:56 +0300
Subject: [PATCH] price components fixes

---
 .../@shared/Price/PriceUnit/index.stories.tsx     |  5 +++--
 src/components/@shared/Price/index.stories.tsx    | 15 +++++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/@shared/Price/PriceUnit/index.stories.tsx b/src/components/@shared/Price/PriceUnit/index.stories.tsx
index 42aaf0406..54c82dae5 100644
--- a/src/components/@shared/Price/PriceUnit/index.stories.tsx
+++ b/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>
   )
 }
diff --git a/src/components/@shared/Price/index.stories.tsx b/src/components/@shared/Price/index.stories.tsx
index 29f8e9042..b81edbd0c 100644
--- a/src/components/@shared/Price/index.stories.tsx
+++ b/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) => (
-  <Price {...args} />
-)
+const Template: ComponentStory<typeof Price> = (args: PriceProps) => {
+  return (
+    <MarketMetadataProvider>
+      <UserPreferencesProvider>
+        <Price {...args} />
+      </UserPreferencesProvider>
+    </MarketMetadataProvider>
+  )
+}
 
 interface Props {
   args: PriceProps