Skip to content

Commit

Permalink
Nft storybook fix
Browse files Browse the repository at this point in the history
  • Loading branch information
banklesss committed Apr 2, 2023
1 parent 3348e25 commit 5f50fc5
Showing 1 changed file with 16 additions and 35 deletions.
51 changes: 16 additions & 35 deletions src/Nfts/Nfts.stories.tsx
Expand Up @@ -2,7 +2,6 @@ import {storiesOf} from '@storybook/react-native'
import React from 'react'

import {QueryProvider} from '../../.storybook/decorators'
import {SearchProvider} from '../Search'
import {SelectedWalletProvider} from '../SelectedWallet'
import {generateManyNfts, mocks} from '../yoroi-wallets/mocks'
import {Nfts} from './Nfts'
Expand All @@ -13,9 +12,7 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadingWallet}>
<SearchProvider>
<Nfts nfts={[]} search="" />
</SearchProvider>
<Nfts nfts={[]} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
Expand All @@ -30,14 +27,12 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={[]} search="" />
</SearchProvider>
<Nfts nfts={[]} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Loaded metadata & Approved', async () => {
.add('Loaded metadata & Approved', () => {
const loadedWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.success.many,
Expand All @@ -47,14 +42,12 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Loaded metadata & Blurred image', async () => {
.add('Loaded metadata & Blurred image', () => {
const loadedWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.success.many,
Expand All @@ -64,14 +57,12 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Loaded metadata & Not approved', async () => {
.add('Loaded metadata & Not approved', () => {
const loadedWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.success.many,
Expand All @@ -81,14 +72,12 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Loaded metadata & Pending review', async () => {
.add('Loaded metadata & Pending review', () => {
const loadedWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.success.many,
Expand All @@ -98,14 +87,12 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Loaded metadata & Mixed moderation type', async () => {
.add('Loaded metadata & Mixed moderation type', () => {
const loadedWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.success.many,
Expand All @@ -115,14 +102,12 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Loaded metadata & NFT Moderation status is loading', async () => {
.add('Loaded metadata & NFT Moderation status is loading', () => {
const loadedWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.success.many,
Expand All @@ -132,24 +117,20 @@ storiesOf('NFT/Gallery', module)
return (
<QueryProvider>
<SelectedWalletProvider wallet={loadedWallet}>
<SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SearchProvider>
<Nfts nfts={generateManyNfts()} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
})
.add('Error loading metadata', async () => {
.add('Error loading metadata', () => {
const errorWallet = {
...mocks.wallet,
fetchNfts: mocks.fetchNfts.error,
}
return (
<QueryProvider>
<SelectedWalletProvider wallet={errorWallet}>
<SearchProvider>
<Nfts nfts={[]} search="" />
</SearchProvider>
<Nfts nfts={[]} search="" />
</SelectedWalletProvider>
</QueryProvider>
)
Expand Down

0 comments on commit 5f50fc5

Please sign in to comment.