diff --git a/src/config/Paths.tsx b/src/config/Paths.tsx index 5f6d05d..88162f4 100644 --- a/src/config/Paths.tsx +++ b/src/config/Paths.tsx @@ -74,4 +74,7 @@ export const Paths = { create: "/learning/create", category: "/learning/category", }, + print: { + list: '/print/list' + } } \ No newline at end of file diff --git a/src/pages/print/List.tsx b/src/pages/print/List.tsx new file mode 100644 index 0000000..ad1014f --- /dev/null +++ b/src/pages/print/List.tsx @@ -0,0 +1,35 @@ +import { type FC } from 'react' +import { useGetSections } from './hooks/usePrintData' +import { Link } from 'react-router-dom' +import { Paths } from '@/config/Paths' +import Button from '@/components/Button' +import { AddSquare } from 'iconsax-react' + +const SectionList: FC = () => { + + const { data } = useGetSections() + + return ( +
+
+

محصولات

+ + + + +
+ +
+ ) +} + +export default SectionList \ No newline at end of file diff --git a/src/pages/print/hooks/usePrintData.ts b/src/pages/print/hooks/usePrintData.ts new file mode 100644 index 0000000..b2e2474 --- /dev/null +++ b/src/pages/print/hooks/usePrintData.ts @@ -0,0 +1,9 @@ +import { useQuery } from "@tanstack/react-query"; +import * as api from "../service/PrintService"; + +export const useGetSections = () => { + return useQuery({ + queryKey: ["sections"], + queryFn: api.getSections, + }); +}; diff --git a/src/pages/print/service/PrintService.ts b/src/pages/print/service/PrintService.ts new file mode 100644 index 0000000..b48b03e --- /dev/null +++ b/src/pages/print/service/PrintService.ts @@ -0,0 +1,6 @@ +import axios from "@/config/axios"; + +export const getSections = async () => { + const { data } = await axios.get(`/admin/section`); + return data; +}; diff --git a/src/router/MainRouter.tsx b/src/router/MainRouter.tsx index 67c8c70..932a935 100644 --- a/src/router/MainRouter.tsx +++ b/src/router/MainRouter.tsx @@ -40,6 +40,7 @@ import FormBuilderValues from '@/pages/formBuilder/AttributeValues' import OrderDetail from '@/pages/order/OrderDetail' import NewOrder from '@/pages/order/NewOrder' import EditOrder from '@/pages/order/EditOrder' +import SectionList from '@/pages/print/List' const MainRouter: FC = () => { return ( @@ -78,6 +79,8 @@ const MainRouter: FC = () => { } /> } /> + } /> + } /> } /> } /> diff --git a/src/shared/Sidebar.tsx b/src/shared/Sidebar.tsx index bb34c3f..f0af87b 100644 --- a/src/shared/Sidebar.tsx +++ b/src/shared/Sidebar.tsx @@ -1,6 +1,6 @@ import { type FC } from 'react' import LogoImage from '@/assets/images/logo.svg' -import { AddSquare, DocumentText, Element3, ElementEqual, Home2, Messages3, MessageText, NotificationStatus, People, Profile2User, Receipt21, Teacher } from 'iconsax-react' +import { AddSquare, DocumentText, Element3, ElementEqual, Home2, Messages3, MessageText, NotificationStatus, People, Printer, Profile2User, Receipt21, Teacher } from 'iconsax-react' import SideBarItem from './SidebarItem' import { useLocation } from 'react-router-dom' import { Paths } from '../config/Paths' @@ -85,6 +85,13 @@ const SideBar: FC = () => { link={'Paths.'} /> + } + title={'چاپ'} + isActive={isActive('print')} + link={Paths.print.list} + /> +