@rpg-engine/long-bow 0.2.33 → 0.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rpg-engine/long-bow",
3
- "version": "0.2.33",
3
+ "version": "0.2.35",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -83,7 +83,7 @@
83
83
  },
84
84
  "dependencies": {
85
85
  "@rollup/plugin-image": "^2.1.1",
86
- "@rpg-engine/shared": "^0.5.69",
86
+ "@rpg-engine/shared": "^0.5.70",
87
87
  "dayjs": "^1.11.2",
88
88
  "fs-extra": "^10.1.0",
89
89
  "lodash": "^4.17.21",
@@ -48,7 +48,7 @@ export const TradingMenu: React.FC<ITrandingMenu> = ({
48
48
  };
49
49
 
50
50
  return (
51
- <TradingMenuDraggableContainer
51
+ <DraggableContainer
52
52
  type={RPGUIContainerTypes.Framed}
53
53
  onCloseButton={() => {
54
54
  if (onClose) onClose();
@@ -102,34 +102,10 @@ export const TradingMenu: React.FC<ITrandingMenu> = ({
102
102
  <Button buttonType={ButtonTypes.RPGUIButton}>Cancel</Button>
103
103
  </ButtonWrapper>
104
104
  </>
105
- </TradingMenuDraggableContainer>
105
+ </DraggableContainer>
106
106
  );
107
107
  };
108
108
 
109
- const TradingMenuDraggableContainer = styled(DraggableContainer)`
110
- .container-close {
111
- top: 10px;
112
- right: 10px;
113
- }
114
-
115
- .quest-title {
116
- text-align: left;
117
- margin-left: 44px;
118
- margin-top: 20px;
119
- color: yellow;
120
- }
121
-
122
- .quest-desc {
123
- margin-top: 12px;
124
- margin-left: 44px;
125
- }
126
-
127
- .rpgui-progress {
128
- min-width: 80%;
129
- margin: 0 auto;
130
- }
131
- `;
132
-
133
109
  const Title = styled.h1`
134
110
  z-index: 22;
135
111
  font-size: 0.6rem;
@@ -138,7 +114,7 @@ const Title = styled.h1`
138
114
 
139
115
  const TradingComponentScrollWrapper = styled.div`
140
116
  overflow-y: scroll;
141
- height: 500px;
117
+ height: 390px;
142
118
  width: 100%;
143
119
  margin-top: 1rem;
144
120
  `;
@@ -150,10 +126,14 @@ const ItemWrapper = styled.div`
150
126
  `;
151
127
 
152
128
  const TotalWrapper = styled.div`
129
+ margin-top: 1rem;
153
130
  display: flex;
154
- margin: auto;
155
131
  justify-content: space-between;
156
132
  height: 20px;
133
+ p {
134
+ color: white !important;
135
+ }
136
+ width: 100%;
157
137
  margin-left: 0.8rem;
158
138
  `;
159
139
 
@@ -1,5 +1,5 @@
1
- import { ITransactionItem } from '@rpg-engine/shared';
2
- export const itemMock: ITransactionItem[] = [
1
+ import { ITradeResponseItem } from '@rpg-engine/shared';
2
+ export const itemMock: ITradeResponseItem[] = [
3
3
  {
4
4
  texturePath: 'swords/broad-sword.png',
5
5
  itemId: 'itemId03',
@@ -8,16 +8,16 @@ export const itemMock: ITransactionItem[] = [
8
8
  key: 'Short sword',
9
9
  },
10
10
  {
11
- texturePath: 'swords/broad-sword.png',
11
+ texturePath: "swords/corruption-sword.png",
12
12
  itemId: 'itemId01',
13
- name: 'Short sword',
13
+ name: 'Short sword Best',
14
14
  price: 100,
15
15
  key: 'Short sword',
16
16
  },
17
17
  {
18
18
  texturePath: 'swords/broad-sword.png',
19
19
  itemId: 'itemId02',
20
- name: 'Short sword',
20
+ name: 'Short sword Trade',
21
21
  price: 100,
22
22
  key: 'Short sword',
23
23
  },