tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upload 16/5

Browse Source
This commit is contained in:
Tieptk
2025-05-16 10:59:18 +07:00
parent 60479cbced
commit 6b5e837324
8 changed files with 1399 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/buildpc/CreateBuildpc.tsx
View File

@@ -1,4 +1,9 @@
import { useState } from "react";
import { PopupBuildpc } from "../../components/buildpc/PopupBuildpc";
export function CreateBuildpc() {
const [showPopup, setShowPopup] = useState(false);
return (
<>
<div className="mt-6 flex items-center border-b-[1px] border-neutral-200 pb-3">
@@ -20,7 +25,7 @@ export function CreateBuildpc() {
<div className="info col-span-3">
<div className="flex items-center">
<a
href=""
href="/buildpc/detail"
className="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]"
>
<img
@@ -32,7 +37,7 @@ export function CreateBuildpc() {
/>
</a>
<a
href=""
href="/buildpc/detail"
className="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]"
>
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
@@ -77,7 +82,7 @@ export function CreateBuildpc() {
<div className="info col-span-3">
<div className="flex items-center">
<a
href=""
href="/buildpc/detail"
className="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]"
>
<img
@@ -89,7 +94,7 @@ export function CreateBuildpc() {
/>
</a>
<a
href=""
href="/buildpc/detail"
className="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]"
>
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
@@ -129,7 +134,7 @@ export function CreateBuildpc() {
<div className="info col-span-3">
<div className="flex items-center">
<a
href=""
href="/buildpc/detail"
className="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]"
>
<img
@@ -141,7 +146,7 @@ export function CreateBuildpc() {
/>
</a>
<a
href=""
href="/buildpc/detail"
className="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]"
>
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
@@ -180,6 +185,10 @@ export function CreateBuildpc() {
<a
href="javascript:void(0)"
onClick={(e) => {
e.preventDefault();
setShowPopup(true);
}}
className="w-[130px] h-[30px] block text-xs mt-2.5 text-center leading-[30px] text-black rounded bg-zinc-300 font-bold hover:bg-[var(--color-global)] hover:text-white"
>
+ Chọn thêm CPU
@@ -191,6 +200,10 @@ export function CreateBuildpc() {
<div className="right w-[calc(100%-200px)]">
<a
href="javascript:void(0)"
onClick={(e) => {
e.preventDefault();
setShowPopup(true);
}}
className="w-[130px] h-[30px] block text-xs text-center leading-[30px] text-black rounded bg-zinc-300 font-bold hover:bg-[var(--color-global)] hover:text-white"
>
+ Chọn thêm CPU
@@ -202,6 +215,10 @@ export function CreateBuildpc() {
<div className="right w-[calc(100%-200px)]">
<a
href="javascript:void(0)"
onClick={(e) => {
e.preventDefault();
setShowPopup(true);
}}
className="w-[130px] h-[30px] block text-xs text-center leading-[30px] text-black rounded bg-zinc-300 font-bold hover:bg-[var(--color-global)] hover:text-white"
>
+ Chọn thêm CPU
@@ -265,6 +282,8 @@ export function CreateBuildpc() {
</div>
</div>
{/* <!-- tổng tiền --> */}
<PopupBuildpc show={showPopup} onClose={() => setShowPopup(false)} />
</>
);
}