diff --git a/src/components/order/index.ts b/src/components/order/index.ts
index 2e90894..e23f7df 100644
--- a/src/components/order/index.ts
+++ b/src/components/order/index.ts
@@ -12,6 +12,7 @@ export * from './OrderListForm';
export * from './OrderListItem';
export * from './OrderSuccessForm';
export * from './OrderWorkflowBox';
+export * from './PreviewDocument';
export * from './TopupWalletForm';
export * from './UploadDocumentForm';
export * from './UploadDocumentItem';
diff --git a/src/index.css b/src/index.css
index 672a9f0..1172073 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,3 +29,7 @@
}
.grayscale { filter: grayscale(100%); }
+
+#react-doc-viewer #pdf-controls {
+ z-index: 5;
+}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 75bd6e5..993bd20 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -7,7 +7,7 @@ import { useOrderExtraStore, useOrderPrintStore } from '@states/order';
export function HomePage() {
const { orderData, getOrderData } = useOrderStore();
const { slideData, getSlideData } = useSlideStore();
- const { setOrderList } = useOrderPrintStore();
+ const { setOrderPrintList } = useOrderPrintStore();
const { getUserInfoData } = useUserInfoStore();
const { getOrderExtraData } = useOrderExtraStore();
@@ -21,8 +21,8 @@ export function HomePage() {
}, [getOrderData, getSlideData, getUserInfoData, getOrderExtraData]);
useEffect(() => {
- setOrderList(orderData);
- }, []);
+ setOrderPrintList(orderData);
+ }, [orderData, setOrderPrintList]);
return (
<>
diff --git a/src/states/order/orderPrint.ts b/src/states/order/orderPrint.ts
index be40a6e..94c06d6 100644
--- a/src/states/order/orderPrint.ts
+++ b/src/states/order/orderPrint.ts
@@ -1,13 +1,12 @@
import { create } from 'zustand';
-// import { useOrderStore } from "@states/home";
export const useOrderPrintStore = create()((set) => ({
totalCost: 0,
orderPrintList: [],
- setOrderList: (orderPrintList) => {
+ setOrderPrintList: (orderPrintList) => {
set({ orderPrintList: orderPrintList });
},
- setCost: (totalCost) => {
+ setTotalCost: (totalCost) => {
set({ totalCost: totalCost });
}
}));
diff --git a/src/types/order/orderPrint.d.ts b/src/types/order/orderPrint.d.ts
index 31f65a6..ea3207d 100644
--- a/src/types/order/orderPrint.d.ts
+++ b/src/types/order/orderPrint.d.ts
@@ -1,18 +1,6 @@
-type OrderPrintData = {
- id: string;
- status: string;
- location: string;
- number: number;
- fileName: string;
- pageNumber: number;
- coins: number;
- paid: string;
- size: number;
-};
-
type OrderPrintStore = {
totalCost: number;
- orderPrintList: OrderPrintData[];
- setOrderList: (orderPrintList: OrderPrintData[]) => void;
- setCost: (totalCost: number) => void;
+ orderPrintList: OrderData[];
+ setOrderPrintList: (orderPrintList: OrderData[]) => void;
+ setTotalCost: (totalCost: number) => void;
};