diff options
| -rw-r--r-- | src-migrate/modules/promo/components/PromotinProgram.tsx | 9 | ||||
| -rw-r--r-- | src-migrate/modules/promo/components/Voucher.tsx | 2 | ||||
| -rw-r--r-- | src-migrate/pages/shop/promo/index.tsx | 7 |
3 files changed, 17 insertions, 1 deletions
diff --git a/src-migrate/modules/promo/components/PromotinProgram.tsx b/src-migrate/modules/promo/components/PromotinProgram.tsx new file mode 100644 index 00000000..19f228ea --- /dev/null +++ b/src-migrate/modules/promo/components/PromotinProgram.tsx @@ -0,0 +1,9 @@ +const PromotionProgram = () => { + return ( + <> + <div className="">Serba Serbi Promo</div> + </> + ) +} + +export default PromotionProgram
\ No newline at end of file diff --git a/src-migrate/modules/promo/components/Voucher.tsx b/src-migrate/modules/promo/components/Voucher.tsx index 0706f044..14d3c301 100644 --- a/src-migrate/modules/promo/components/Voucher.tsx +++ b/src-migrate/modules/promo/components/Voucher.tsx @@ -61,7 +61,7 @@ const Voucher = () => { <div className={style['voucher-content']}> <div className={style['voucher-title']}>{voucher.name}</div> - <div className={style['voucher-desc']}>{voucher.description} Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officiis magni nobis sint aspernatur soluta deserunt excepturi delectus corporis libero, voluptate odit! Cupiditate, quibusdam ipsa saepe voluptas repudiandae eum quaerat suscipit.</div> + <div className={style['voucher-desc']}>{voucher.description}</div> <div className={style['voucher-bottom']}> <div> <div className={style['voucher-code-desc']}>Kode Promo</div> diff --git a/src-migrate/pages/shop/promo/index.tsx b/src-migrate/pages/shop/promo/index.tsx index f293bbe3..133be6df 100644 --- a/src-migrate/pages/shop/promo/index.tsx +++ b/src-migrate/pages/shop/promo/index.tsx @@ -1,6 +1,7 @@ import React from 'react' import { LazyLoadComponent } from 'react-lazy-load-image-component' import Hero from '~/modules/promo/components/Hero' +import PromotionProgram from '~/modules/promo/components/PromotinProgram' import Voucher from '~/modules/promo/components/Voucher' const PromoPage = () => { @@ -13,6 +14,12 @@ const PromoPage = () => { <div className='h-10' /> <LazyLoadComponent> + <PromotionProgram/> + </LazyLoadComponent> + + <div className='h-10' /> + + <LazyLoadComponent> <Voucher /> </LazyLoadComponent> </> |