diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-01 14:29:05 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-01 14:29:05 +0700 |
| commit | 9b8e9994d7bc765e8ccfd675462d8f8150b41d8b (patch) | |
| tree | 8cd443cb2c3dcdafc3cd784d0adbd1cb44b571a1 /src/components | |
| parent | 802fd0e3b06a9faf43eff46a3999b004ddb6fcdb (diff) | |
no message
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/layouts/AppBar.js | 16 | ||||
| -rw-r--r-- | src/components/products/ProductSlider.js | 2 | ||||
| -rw-r--r-- | src/components/transactions/TransactionStatusBadge.js | 10 |
3 files changed, 7 insertions, 21 deletions
diff --git a/src/components/layouts/AppBar.js b/src/components/layouts/AppBar.js index c3d38707..4fe70de8 100644 --- a/src/components/layouts/AppBar.js +++ b/src/components/layouts/AppBar.js @@ -7,20 +7,6 @@ import Link from "../elements/Link"; const AppBar = ({ title }) => { const router = useRouter(); - const [scrollPosition, setScrollPosition] = useState(0); - const handleScrollPosition = () => { - const position = window.pageYOffset; - setScrollPosition(position); - } - - useEffect(() => { - window.addEventListener('scroll', handleScrollPosition, { passive: true }); - - return () => { - window.addEventListener('scroll', handleScrollPosition); - }; - }, []); - const handleBackButtonClick = (event) => { event.currentTarget.disabled = true; router.back(); @@ -31,7 +17,7 @@ const AppBar = ({ title }) => { <Head> <title>{ title } - Indoteknik</title> </Head> - <div className={"sticky-header flex justify-between !p-0 !pr-4 idt-transition " + (scrollPosition > 0 && "shadow border-b-transparent" ) }> + <div className="sticky-header flex justify-between !p-0 !pr-4 idt-transition"> {/* --- Start Title */} <div className="flex items-center"> <button type="button" onClick={handleBackButtonClick} className="text-gray_r-12 px-4 py-5"> diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js index 78138480..100d0063 100644 --- a/src/components/products/ProductSlider.js +++ b/src/components/products/ProductSlider.js @@ -18,7 +18,7 @@ export default function ProductSlider({ return ( <> { bannerMode && ( - <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[55%] idt-transition ` + (activeIndex > 0 ? 'brightness-50' : 'brightness-100')} /> + <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[52%] idt-transition border border-gray_r-6 ` + (activeIndex > 0 ? 'opacity-20' : 'opacity-100')} /> ) } <Swiper freeMode={true} slidesPerView={2.2} spaceBetween={8} onSlideChange={swiperSliderFirstMove}> { bannerMode && ( diff --git a/src/components/transactions/TransactionStatusBadge.js b/src/components/transactions/TransactionStatusBadge.js index 588542fe..9551ec89 100644 --- a/src/components/transactions/TransactionStatusBadge.js +++ b/src/components/transactions/TransactionStatusBadge.js @@ -5,11 +5,11 @@ const TransactionStatusBadge = ({ status }) => { }; switch (status) { case 'cancel': - badgeProps.className.push('badge-red'); + badgeProps.className.push('badge-solid-red'); badgeProps.text = 'Batal' break; case 'draft': - badgeProps.className.push('badge-gray'); + badgeProps.className.push('badge-red'); badgeProps.text = 'Pending Quotation' break; case 'waiting': @@ -17,15 +17,15 @@ const TransactionStatusBadge = ({ status }) => { badgeProps.text = 'Menunggu Konfirmasi' break; case 'sale': - badgeProps.className.push('badge-blue'); + badgeProps.className.push('badge-yellow'); badgeProps.text = 'Pesanan Diproses' break; case 'shipping': - badgeProps.className.push('badge-blue'); + badgeProps.className.push('badge-green'); badgeProps.text = 'Pesanan Dikirim' break; case 'done': - badgeProps.className.push('badge-green'); + badgeProps.className.push('badge-solid-green'); badgeProps.text = 'Selesai' break; } |