Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: detail #106

Merged
merged 1 commit into from
Dec 24, 2023
Merged

fix: detail #106

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 19 additions & 13 deletions book-store-management/components/book-manage/title-edit-inline.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import { AiOutlineCheck, AiOutlineClose } from "react-icons/ai";
import { Textarea } from "../ui/textarea";
import AuthorList from "./author-list";
import updateBookTitle from "@/lib/book/updateBookTitle";
import ConfirmDialog from "../confirm-dialog";
const FormSchema = z.object({
idBook: z.string().max(12, "Tối đa 12 ký tự"),
name: required,
Expand Down Expand Up @@ -97,11 +98,11 @@ const TitleEditInline = (book: BookTitle) => {
};
const [isEdit, setIsEdit] = useState(false);
return (
<div className="flex bg-background p-4 gap-6">
<div className="flex bg-background lg:flex-row flex-col p-4 gap-6">
<div className="flex basis-1/2 flex-col gap-4 items-start ">
<div className="flex items-start w-full gap-2">
<div className="flex lg:flex-row flex-col items-start w-full gap-2">
<span className="font-medium min-w-[5rem]">Đầu sách: </span>
<div>
<div className="w-full">
<Input
className="bg-white w-full"
readOnly={!isEdit}
Expand All @@ -112,7 +113,7 @@ const TitleEditInline = (book: BookTitle) => {
)}
</div>
</div>
<div className="flex items-start w-full gap-2">
<div className="flex lg:flex-row flex-col items-start w-full gap-2">
<span className="font-medium min-w-[5rem]">Mô tả: </span>
<Textarea
className="bg-white flex-1 w-full h-24"
Expand All @@ -121,7 +122,7 @@ const TitleEditInline = (book: BookTitle) => {
/>
</div>
</div>
<div className="flex gap-4 flex-1">
<div className="flex lg:flex-row flex-col gap-4 flex-1">
<div className="flex-1">
<div className="flex flex-col gap-4">
<div>
Expand Down Expand Up @@ -172,7 +173,7 @@ const TitleEditInline = (book: BookTitle) => {
</div>
</div>
</div>
<div className="flex flex-col gap-2">
<div className="flex lg:flex-col flex-row lg:justify-start justify-end gap-2">
{isEdit ? (
<>
<Button
Expand All @@ -196,14 +197,19 @@ const TitleEditInline = (book: BookTitle) => {
>
<AiOutlineClose className="h-5 w-5" />
</Button>
<Button
variant={"ghost"}
size={"icon"}
className="rounded-full bg-green-200/60 hover:bg-green-200/90 text-green-600 hover:text-green-600"
onClick={handleSubmit(onSubmit)}
<ConfirmDialog
title={"Xác nhận"}
description="Bạn xác nhận chỉnh sửa đầu sách này ?"
handleYes={() => handleSubmit(onSubmit)()}
>
<AiOutlineCheck className="h-5 w-5" />
</Button>
<Button
variant={"ghost"}
size={"icon"}
className="rounded-full bg-green-200/60 hover:bg-green-200/90 text-green-600 hover:text-green-600"
>
<AiOutlineCheck className="h-5 w-5" />
</Button>
</ConfirmDialog>
</>
) : (
<Button
Expand Down
66 changes: 66 additions & 0 deletions book-store-management/components/confirm-dialog.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
import { useState } from "react";
import { Button } from "./ui/button";
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "./ui/dialog";

type DialogProps = {
title: string;
description: string;
handleYes: () => void;
handleNo?: () => void;
children: React.ReactNode;
};
const ConfirmDialog = ({
title,
description,
handleYes,
handleNo,
children,
}: DialogProps) => {
const [open, setOpen] = useState(false);
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>{children}</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>{title}</DialogTitle>
<DialogDescription>{description}</DialogDescription>
</DialogHeader>
<DialogFooter>
<div className="flex gap-5 sm:justify-end justify-stretch">
<Button
variant={"outline"}
onClick={() => {
if (handleNo) {
handleNo();
}
setOpen(false);
}}
className="sm:flex flex-1 w-auto"
>
Hủy
</Button>
<Button
className="sm:flex flex-1 whitespace-nowrap"
onClick={() => {
handleYes();
setOpen(false);
}}
>
Xác nhận
</Button>
</div>
</DialogFooter>
</DialogContent>
</Dialog>
);
};

export default ConfirmDialog;
7 changes: 7 additions & 0 deletions book-store-management/components/sale/bill-tab.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ import {
} from "../ui/dialog";
import { toast } from "../ui/use-toast";
import { AiOutlineClose } from "react-icons/ai";
import { PiClipboardTextLight } from "react-icons/pi";

const AddUp = ({
control,
Expand Down Expand Up @@ -109,6 +110,12 @@ const BillTab = ({
</Button>
</div>
<div className="flex flex-col gap-2 overflow-auto pt-4 flex-1">
{fields.length < 1 ? (
<div className="flex flex-col items-center gap-4 py-8 text-muted-foreground font-medium pt-[20%]">
<PiClipboardTextLight className="h-24 w-24 text-muted-foreground/40" />
<span>Chọn sản phẩm</span>
</div>
) : null}
{fields.map((item, index) => {
return (
<div
Expand Down
Loading