style: Adjust item card height

Dockerfile

@@ -1,9 +1,7 @@
 FROM node:8-alpine
-RUN apk add --no-cache libc6-compat
-RUN apk add --no-cache git
 WORKDIR /app
-COPY package.json package-lock.json /app/
+COPY package.json /app
-RUN npm install
+RUN yarn
 COPY . /app
 CMD npm run watch
-EXPOSE 7700
+EXPOSE 8080

k8s/staging/deployment.yaml

@@ -17,7 +17,7 @@ spec:
         - name: bukopin-redemption-client-react
           image: registry-harbor.app.bangun-kreatif.com/bukopin/bukopin-redemption-client-react:<VERSION>
           ports:
-            - containerPort: 7700
+            - containerPort: 8080
       imagePullSecrets:
         - name: regcred
 

k8s/staging/ingress.yaml

@@ -18,7 +18,7 @@ spec:
               service:
                 name: bukopin-redemption-client-react
                 port:
-                  number: 7700
+                  number: 8080
   tls:
     - hosts:
         - "bukopin-fe.k3s.bangun-kreatif.com"

k8s/staging/service.yaml

@@ -7,7 +7,7 @@ metadata:
     run: bukopin-redemption-client-react
 spec:
   ports:
-    - port: 7700
+    - port: 8080
       protocol: TCP
   selector:
     app:  bukopin-redemption-client-react

src/common/pages/App/index.js

@@ -560,7 +560,7 @@ class App extends React.Component {
         <WithdrawDialog />
 
         <div className={classes.root}>
-          <AppBar position="fixed">
+          <AppBar style={{ zIndex: 1 }} position="fixed">
             <Toolbar className={classes.toolbar}>
               <div className={classes.sectionMobile}>
                 <IconButton className={classes.menuButton} color="action" aria-label="Open drawer" onClick={this.toggleDrawerNew(true)}>

src/common/pages/Vouchers/style.scss

@@ -11,9 +11,11 @@
     background-color: white;
     border: #ccc 1px solid;
     width: 100%;
+    height: 200px;
     display: flex;
     flex-direction: column;
     justify-content: center;
+    text-align: center;
     align-items: center;
     margin-bottom: 10px;
     cursor: pointer;

src/common/pages/Wallet/Modal/index.js

@@ -49,13 +49,24 @@ export default class ModalTopupComponent extends React.Component {
       }
     ]
 
-    var rightCode = {}
+    let rightCode = {};
 
     codeList.map((cl) => {
       if (cl.code === code){
         rightCode = cl
-        this.props.appstate.wallet.data.wallet = this.props.appstate.wallet.data.wallet + cl.amount
+      }}
+    )
+
+    this.setState({
+      inputCode1: '',
+      inputCode2: '',
+      inputCode3: '',
+      inputCode4: ''
+    });
+
+    if (rightCode.code){
       message.success("Voucher redeem success");
+      this.props.appstate.wallet.data.wallet = this.props.appstate.wallet.data.wallet + rightCode.amount
       this.setState({
         confirmLoading: false
       });
@@ -66,7 +77,6 @@ export default class ModalTopupComponent extends React.Component {
       });
       message.warning("Voucher redeem failed")
     }
-    })
 }
 
   render() {

src/common/stores/item.js

@@ -5,7 +5,7 @@ export class ItemStore extends BaseStore {
   @observable listImages = [];
   constructor(context) {
     super(context);
-    this.url = "items";
+    this.url = "/categories/11936220-31f7-4f5e-8555-9110dbec4a5d/items";
   }
 
   @action

src/common/stores/vouchers.js

@@ -26,7 +26,7 @@ export default class Vouchers {
         getList(){
             console.log('res');
             this.isLoading = true;
-            return this.http.get("items")
+            return this.http.get("categories/11936220-31f7-4f5e-8555-9110dbec4a5d/items")
             .then(res => {
               this.list = res.data;
               this.isLoading = false;