ducdt/hoanghapc_nextJs
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update 2/2/2026

Browse Source
This commit is contained in:
Dao Duc
2026-02-02 16:42:40 +07:00
parent 12509e3a7b
commit 6318621cc0
25 changed files with 1568 additions and 570 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/product/detail/buttons/index.tsx Normal file
View File

@@ -0,0 +1,37 @@
'use client';
import { useCart } from '@/hooks/useCart';
export default function Buttons( {item}:any ) {
const { addToCart } = useCart();
return (
<>
<div className="pd-button-group my-5 gap-2 grid grid-cols-2 text-18 font-500">
<button
type="button"
className="col-span-2 uppercase rounded-[12px] text-white h-[52px] border border-[#FFD83E] bg-[linear-gradient(148.21deg,#FFD83E_-14.02%,#FF4E2A_70.14%)]"
aria-label="Mua sản phẩm"
onClick={() => addToCart(item, 1, '/cart')}
>
Mua ngay
</button>
<button
type="button"
className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
aria-label="Mua sản phẩm"
onClick={() => addToCart(item)}
>
<i className="icons icon-cart !w-[22px] !h-[22px] mr-[6px]" />
<span> Thêm vào giỏ </span>
</button>
<a href='https://hoanghapc.vn/huong-dan-mua-tra-gop' target='_blank'
className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
>
<i className="icons icon-card w-[22px] h-[22px] mr-[6px]" />
<span> Mua trả góp </span>
</a>
</div>
</>
)
}