diff --git a/src/components/Icon/Icon.stories.tsx b/src/components/Icon/Icon.stories.tsx index 92fd52a042..37762ea4cc 100644 --- a/src/components/Icon/Icon.stories.tsx +++ b/src/components/Icon/Icon.stories.tsx @@ -102,6 +102,12 @@ storiesOf('Icon', module).add('Gallery', () => ( } title={'Settings'} /> } title={'Settings'} /> + + + + } title={'Tab Wallet'} /> + } title={'Tab Stake'} /> + )) diff --git a/src/components/Icon/TabStaking.tsx b/src/components/Icon/TabStaking.tsx new file mode 100644 index 0000000000..c730bc7fd2 --- /dev/null +++ b/src/components/Icon/TabStaking.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import Svg, {G, Path} from 'react-native-svg' + +type Props = {size?: number; color?: string} + +export const TabStaking = ({size = 24, color = '#6B7384'}: Props) => ( + + + + + + + + +) diff --git a/src/components/Icon/TabWallet.tsx b/src/components/Icon/TabWallet.tsx new file mode 100644 index 0000000000..d3e580184e --- /dev/null +++ b/src/components/Icon/TabWallet.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import Svg, {G, Path} from 'react-native-svg' + +type Props = {size?: number; color?: string} + +export const TabWallet = ({size = 24, color = '#6B7384'}: Props) => ( + + + + + + + + + +) diff --git a/src/components/Icon/index.ts b/src/components/Icon/index.ts index 9d4ef327be..f7c298d511 100644 --- a/src/components/Icon/index.ts +++ b/src/components/Icon/index.ts @@ -13,6 +13,8 @@ import {RewardWithdrawn} from './RewardWithdrawn' import {Sent} from './Sent' import {StakingKeyDeregistered} from './StakingKeyDeregistered' import {StakingKeyRegistered} from './StakingKeyRegistered' +import {TabStaking} from './TabStaking' +import {TabWallet} from './TabWallet' import {TotalAda} from './TotalAda' import {TotalDelegated} from './TotalDelegated' import {TotalReward} from './TotalReward' @@ -40,6 +42,8 @@ export const Icon = { Settings, StakingKeyDeregistered, StakingKeyRegistered, + TabStaking, + TabWallet, TotalAda, TotalDelegated, TotalReward,