@rpg-engine/long-bow 0.2.28 → 0.2.29

package/src/stories/SkillsContainer.stories.tsx

@@ -6,6 +6,8 @@ import {
   SkillsContainer,
 } from '../../src/components/SkillsContainer';
 import { skillMock } from '../../src/mocks/skills.mocks';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
 
 const meta: Meta = {
   title: 'Skills Container',
@@ -20,6 +22,8 @@ const Template: Story<ISkillContainerProps> = args => (
       {...args}
       skill={skillMock}
       onCloseButton={() => console.log('close skill container')}
+      atlasIMG={atlasIMG}
+      atlasJSON={atlasJSON}
     />
   </RPGUIRoot>
 );

package/src/stories/TrandingMenu.stories.tsx

@@ -0,0 +1,38 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import {
+  TrandingMenu,
+  ITrandingMenu,
+} from '../components/TradingMenu/TrandingMenu';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
+import { itemMock } from '../components/TradingMenu/items.mock';
+
+const meta: Meta = {
+  title: 'Trading Menu',
+  component: TrandingMenu,
+};
+
+export default meta;
+
+const Template: Story<ITrandingMenu> = args => (
+  <RPGUIRoot>
+    <TrandingMenu {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const onClose = () => {
+  console.log('close');
+};
+
+Default.args = {
+  traderItems: itemMock,
+  onClose: onClose,
+  type: 'buy',
+  atlasJSON: atlasJSON,
+  atlasIMG: atlasIMG,
+  characterAvailableGold: 1000,
+};