8 |
16 | );
17 | }
18 |
19 | export default BotPanel;
20 |
--------------------------------------------------------------------------------
/src/framework/api/discount/add.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable implicit-arrow-linebreak */
2 | /* eslint-disable camelcase */
3 | import { TypePostDiscount } from "@framework/types";
4 | import { useMutation } from "@tanstack/react-query";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | const useAddDiscounts = () =>
9 | useMutation({
10 | mutationKey: ["add-discount"],
11 | mutationFn: (props: TypePostDiscount) => Api.post("/discounts", props)
12 | });
13 |
14 | export default useAddDiscounts;
15 |
--------------------------------------------------------------------------------
/src/framework/api/cart/clear.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable implicit-arrow-linebreak */
2 | /* eslint-disable camelcase */
3 | import { TypeClearCart } from "@framework/types";
4 | import { useMutation } from "@tanstack/react-query";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | const useClearCart = () =>
9 | useMutation({
10 | mutationKey: ["clear-cart"],
11 | mutationFn: ({ user_id }: TypeClearCart) =>
12 | Api.delete(`/carts/${user_id}/clear`)
13 | });
14 |
15 | export default useClearCart;
16 |
--------------------------------------------------------------------------------
/src/framework/api/bot-setting/update.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable implicit-arrow-linebreak */
2 | /* eslint-disable camelcase */
3 | import { TypeUpdateBotSetting } from "@framework/types";
4 | import { useMutation } from "@tanstack/react-query";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | const useUpdateBotSetting = () =>
9 | useMutation({
10 | mutationKey: ["edit-bot-setting"],
11 | mutationFn: (props: TypeUpdateBotSetting) => Api.put("/", props)
12 | });
13 |
14 | export default useUpdateBotSetting;
15 |
--------------------------------------------------------------------------------
/src/framework/api/bot-setting/get.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable implicit-arrow-linebreak */
2 | import { TypeBotSetting } from "@framework/types";
3 | import { useQuery } from "@tanstack/react-query";
4 |
5 | import Api from "../utils/api-config";
6 |
7 | const fetch = async ({ queryKey }: any) => {
8 | const [_key] = queryKey;
9 | const { data } = await Api.get("/");
10 | return data.botData as TypeBotSetting | null;
11 | };
12 | export const useGetBotSetting = () =>
13 | useQuery
9 |
11 |
12 |
14 | {/* */}
15 |
8 | {/*
16 | );
17 | }
18 |
19 | export default UserProfile;
20 |
--------------------------------------------------------------------------------
/src/framework/api/master/get.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | /* eslint-disable implicit-arrow-linebreak */
3 | import { TypeMasters } from "@framework/types";
4 | import { useQuery } from "@tanstack/react-query";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | const fetch = async ({ queryKey }: any) => {
9 | const [_key] = queryKey;
10 | const { data } = await Api.get("/master");
11 | return data.masters as TypeMasters[];
12 | };
13 |
14 | export const useGetMasters = () => useQuery */}
9 |
*/}
11 |
12 |
14 | {/* */}
15 |
8 |
13 | );
14 | }
15 |
16 | export default NotFoundPage;
17 |
--------------------------------------------------------------------------------
/src/framework/api/orders/get-by-user.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | /* eslint-disable implicit-arrow-linebreak */
3 | import { TypeSingleOrder } from "@framework/types";
4 | import { useQuery } from "@tanstack/react-query";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | const fetch = async ({ queryKey }: any) => {
9 | const [_key, user_id] = queryKey;
10 |
11 | const { data } = await Api.get(`/orders/user/${user_id}`);
12 | return data as TypeSingleOrder;
13 | };
14 |
15 | export const useGetOrderByUser = ({ user_id }: { user_id: string }) =>
16 | useQuery404
9 | اوه به نظر به جای اشتباهی اومدی میتونی راحت بگردی به صفحه اصلی
11 |
12 |
15 |
20 | );
21 | }
22 |
23 | export default Home;
24 |
--------------------------------------------------------------------------------
/src/framework/api/orders/getById.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | /* eslint-disable implicit-arrow-linebreak */
3 | import { TypeSingleOrder } from "@framework/types";
4 | import { useQuery } from "@tanstack/react-query";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | const fetch = async ({ queryKey }: any) => {
9 | const [_key, order_Id] = queryKey;
10 | console.log("getttttt");
11 | const { data } = await Api.get(`/orders/${order_Id}`);
12 | return data as TypeSingleOrder;
13 | };
14 |
15 | export const useGetOrderById = ({ order_Id }: { order_Id: string }) =>
16 | useQuery
12 |
13 | 
17 |
18 |
19 | ))}
20 |
7 |
10 |
20 | );
21 | }
22 |
23 | export default AppHeader;
24 |
--------------------------------------------------------------------------------
/src/framework/api/address/get.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable prettier/prettier */
2 | /* eslint-disable semi */
3 | /* eslint-disable implicit-arrow-linebreak */
4 | /* eslint-disable camelcase */
5 | import { TypeAddresses } from "@framework/types";
6 | import { useQuery } from "@tanstack/react-query";
7 |
8 | import Api from "../utils/api-config";
9 |
10 | const fetch = async ({ queryKey }: any) => {
11 | const [_key, user_id, address_id] = queryKey;
12 | const { data } = await Api.get(
13 | `/users/${user_id}/addresses${address_id ? `?address_id=${address_id}` : ""
14 | }`
15 | );
16 | return data as TypeAddresses | null;
17 | };
18 |
19 | export const useGetAddresses = (
20 | user_id: string,
21 | address_id?: string | number | undefined | null
22 | ) =>
23 | useQuery
11 | منو ادمین
12 | {/*
13 |
25 | );
26 | }
27 |
28 | export default Admin;
29 |
--------------------------------------------------------------------------------
/src/pages/bot/components/button-menu.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/jsx-one-expression-per-line */
2 | /* eslint-disable prettier/prettier */
3 | /* eslint-disable camelcase */
4 | /* eslint-disable react/jsx-wrap-multilines */
5 | import { UnorderedListOutlined, UserOutlined } from "@ant-design/icons";
6 | import { Link } from "react-router-dom";
7 |
8 | function UserProfileButtonMenu() {
9 | return (
10 |
13 |
16 |
24 | );
25 | }
26 |
27 | export default UserProfileButtonMenu;
28 |
--------------------------------------------------------------------------------
/src/framework/api/product/get.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable implicit-arrow-linebreak */
2 | import { TypeListProducts } from "@framework/types";
3 | import { useQuery } from "@tanstack/react-query";
4 | import qs from "query-string";
5 |
6 | import Api from "../utils/api-config";
7 |
8 | interface Props {
9 | name?: string;
10 | sortBy?: "Product_Name" | "Updated_At" | "Price";
11 | order?: "asc" | "desc";
12 | limit?: number;
13 | page?: number;
14 | categoryId?: number;
15 | }
16 | const fetch = async ({ queryKey }: any) => {
17 | const [_key, categoryId, limit, name, order, page, sortBy] = queryKey;
18 | const { data } = await Api.get(
19 | `/products?${qs.stringify({
20 | categoryId,
21 | limit,
22 | name,
23 | order,
24 | page,
25 | sortBy
26 | })}`
27 | );
28 | return data as TypeListProducts;
29 | };
30 |
31 | export const useGetProducts = ({
32 | categoryId,
33 | limit = 10,
34 | name,
35 | order,
36 | page = 1,
37 | sortBy = "Price"
38 | }: Props) =>
39 | useQuery
13 | محصولات جدید ما
14 |
15 |
37 | );
38 | }
39 |
40 | export default ProductNews;
41 |
--------------------------------------------------------------------------------
/src/containers/order/single.tsx:
--------------------------------------------------------------------------------
1 | import Container from "@components/container";
2 | import { useGetOrderById } from "@framework/api/orders/getById";
3 | // eslint-disable-next-line object-curly-newline
4 | import { Tabs } from "antd";
5 | import { useParams } from "react-router";
6 |
7 | import CustomerDetail from "./components/customer-detail";
8 | import OrderList from "./components/order-list";
9 | import OrderSetting from "./components/order-setting";
10 |
11 | interface Props {
12 | type: "admin" | "user";
13 | }
14 |
15 | function OrdersSingle({ type }: Props) {
16 | const { order_id } = useParams();
17 | const { data, isLoading } = useGetOrderById({ order_Id: order_id });
18 | const order = data?.order;
19 | const items = [
20 | {
21 | label: "لیست سفارشات",
22 | key: "1",
23 | children:
16 | {isLoading || isFetching ? (
17 | <>
18 | {[...Array(8)].map((_, idx) => (
19 |
36 |
17 |
20 |
22 |
25 |
27 | {/*
33 |
35 |
36 | );
37 | }
38 |
39 | export default UserProfileButtonMenu;
40 |
--------------------------------------------------------------------------------
/src/components/skeleton/user-single-product.tsx:
--------------------------------------------------------------------------------
1 | import { Divider } from "antd";
2 |
3 | function UserSingleProductSkeleton() {
4 | return (
5 |
28 |
*/}
30 |
6 |
7 |
8 |
22 | );
23 | }
24 |
25 | export default UserSingleProductSkeleton;
26 |
--------------------------------------------------------------------------------
/.drone.yml:
--------------------------------------------------------------------------------
1 | kind: pipeline
2 | name: telegram-front
3 |
4 | trigger:
5 | branch:
6 | - main
7 | event:
8 | - push
9 | steps:
10 | - name: install
11 | image: node:14
12 | commands:
13 | - npm install
14 | - name: create-env-file
15 | image: alpine:3
16 | environment:
17 | VITE_API_URL:
18 | from_secret: VITE_API_URL
19 | VITE_API_VERSION:
20 | from_secret: VITE_API_VERSION
21 | VITE_SHOP_NAME:
22 | from_secret: VITE_SHOP_NAME
23 | VITE_DEV_MODE:
24 | from_secret: VITE_DEV_MODE
25 | commands:
26 | - echo "VITE_API_URL=$VITE_API_URL" > .env
27 | - echo "VITE_API_VERSION=$VITE_API_VERSION" >> .env
28 | - echo "VITE_SHOP_NAME=$VITE_SHOP_NAME" >> .env
29 | - echo "VITE_DEV_MODE=$VITE_DEV_MODE" >> .env
30 | - name: build
31 | image: node:14
32 | commands:
33 | - npm run build
34 |
35 | - name: deploy
36 | image: ubuntu:20.04
37 | environment:
38 | SSH_KEY:
39 | from_secret: SSH_KEY
40 | SSH_USER:
41 | from_secret: SSH_USER
42 | SSH_HOST:
43 | from_secret: SSH_HOST
44 | SSH_PATH:
45 | from_secret: SSH_PATH
46 | SSH_PASS:
47 | from_secret: SSH_PASS
48 | commands:
49 | - apt-get update && apt-get install -y openssh-client sshpass
50 | - mkdir -p ~/.ssh
51 | - echo "$SSH_KEY" > ~/.ssh/id_rsa
52 | - chmod 600 ~/.ssh/id_rsa
53 | - ssh-keyscan $SSH_HOST >> ~/.ssh/known_hosts
54 | - ls
55 | - sshpass -p $SSH_PASS scp -r dist/* $SSH_USER@$SSH_HOST:$SSH_PATH
56 |
--------------------------------------------------------------------------------
/src/components/skeleton/products.tsx:
--------------------------------------------------------------------------------
1 | function ProductsSkeletonItem({ itemIndex }: { itemIndex: number }) {
2 | return (
3 |
9 |
10 |
11 |
12 |
13 |
14 |
21 |
15 |
16 |
17 |
18 |
6 |
19 | );
20 | }
21 | function ProductsSkeleton() {
22 | return (
23 |
7 |
8 |
9 |
17 |
18 |
10 |
16 |
11 |
12 |
13 |
14 |
15 |
24 | {[...Array(10)].map((_, idx) => (
25 |
28 | );
29 | }
30 |
31 | export default ProductsSkeleton;
32 |
--------------------------------------------------------------------------------
/src/layouts/main.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | /* eslint-disable indent */
3 | import { useThemeParams } from "@vkruglikov/react-telegram-web-app";
4 | import { ConfigProvider, theme } from "antd";
5 | import fa_IR from "antd/lib/locale/fa_IR";
6 | import React from "react";
7 |
8 | interface Props {
9 | children: React.ReactNode;
10 | }
11 |
12 | function Main({ children }: Props) {
13 | const [colorScheme, themeParams] = useThemeParams();
14 | // const { id } = useTelegramUser();
15 | // const { data } = useGetUserInfo({ user_Id: id });
16 | const customizeRenderEmpty = () => (
17 |
18 |
20 | );
21 | return (
22 | اطلاعاتی موجود نیست
19 |
23 |
50 | );
51 | }
52 |
53 | export default Main;
54 |
--------------------------------------------------------------------------------
/src/components/container/index.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "antd";
2 | import React from "react";
3 | import { useNavigate } from "react-router";
4 |
5 | interface Props {
6 | title: string;
7 | children: React.ReactNode;
8 | backwardUrl?: string | undefined | number;
9 | customButton?: boolean;
10 | customButtonTitle?: string;
11 | customButtonOnClick?: React.MouseEventHandler;
12 | titleType?: "small" | "default";
13 | }
14 |
15 | function Container({
16 | title,
17 | children,
18 | backwardUrl,
19 | customButton,
20 | customButtonTitle,
21 | customButtonOnClick,
22 | titleType
23 | }: Props) {
24 | const navigate = useNavigate();
25 |
26 | // eslint-disable-next-line operator-linebreak
27 | const headerStyle =
28 | titleType === "default"
29 | ? "sticky top-1 z-30 flex items-center justify-between gap-1 rounded-lg bg-[var(--tg-theme-secondary-bg-color)] p-3"
30 | : " z-20 text-sm text-left -mb-2 border-b-[1px] pb-1 ";
31 |
32 | return (
33 |
24 |
43 | {/*
44 | 
45 | */}
46 |
48 |
49 |
45 | {children}
47 |
34 |
50 | );
51 | }
52 | Container.defaultProps = {
53 | backwardUrl: undefined,
54 | customButton: false,
55 | customButtonTitle: "",
56 | // eslint-disable-next-line @typescript-eslint/no-empty-function
57 | customButtonOnClick: () => {},
58 | titleType: "default"
59 | };
60 | export default Container;
61 |
--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | /** @type {import("eslint").Linter.BaseConfig} */
2 |
3 | module.exports = {
4 | env: {
5 | browser: true,
6 | es2021: true
7 | },
8 | extends: [
9 | "eslint:recommended",
10 | "plugin:react/recommended",
11 | "plugin:prettier/recommended",
12 | "plugin:@typescript-eslint/recommended",
13 | "airbnb",
14 | "airbnb/hooks"
15 | ],
16 | plugins: ["react", "@typescript-eslint", "simple-import-sort"],
17 | overrides: [],
18 | parser: "@typescript-eslint/parser",
19 | parserOptions: {
20 | ecmaVersion: "latest",
21 | sourceType: "module"
22 | },
23 | rules: {
24 | "no-unused-vars": "off",
25 | "@typescript-eslint/no-unused-vars": "warn",
26 | "import/no-extraneous-dependencies": "off",
27 | "import/prefer-default-export": "off",
28 | "react/jsx-props-no-spreading": "off",
29 | "linebreak-style": ["error", "unix"],
30 | quotes: ["warn", "double"],
31 | "no-console": "off",
32 | "react/jsx-closing-bracket-location": "off",
33 | "react/jsx-uses-react": "off",
34 | "react/react-in-jsx-scope": "off",
35 | "simple-import-sort/imports": "error",
36 | "simple-import-sort/exports": "error",
37 | "comma-dangle": "off",
38 | "import/no-unresolved": "off",
39 | "prettier/prettier": [
40 | "error",
41 | {},
42 | {
43 | usePrettierrc: true
44 | }
45 | ],
46 | "react/jsx-filename-extension": [
47 | "error",
48 | {
49 | extensions: [".ts", ".tsx"]
50 | }
51 | ],
52 | "import/extensions": [
53 | "error",
54 | "ignorePackages",
55 | {
56 | js: "never",
57 | jsx: "never",
58 | ts: "never",
59 | tsx: "never"
60 | }
61 | ]
62 | },
63 | settings: {
64 | "import/resolver": {
65 | node: {
66 | extensions: [".js", ".jsx", ".ts", ".tsx"]
67 | }
68 | }
69 | }
70 | };
71 |
--------------------------------------------------------------------------------
/src/pages/index.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable prettier/prettier */
2 | // Admin pages
3 |
4 | export { default as CategoriesAdd } from "./admin/categories/add";
5 | export { default as CategoriesEdit } from "./admin/categories/edit";
6 | export { default as Categories } from "./admin/categories/list";
7 | export { default as AdminHome } from "./admin/index";
8 | export { default as AdminOrders } from "./admin/orders/list";
9 | export { default as AdminOrdersSingle } from "./admin/orders/single";
10 | export { default as ProductAdd } from "./admin/product/add";
11 | export { default as ProductEdit } from "./admin/product/edit";
12 | export { default as AdminProductList } from "./admin/product/list";
13 | export { default as AdminAddSlider } from "./admin/slider/add";
14 | export { default as AdminSlider } from "./admin/slider/list";
15 | // Bot pages
16 | export { default as BotPanel } from "./bot/index";
17 | export { default as BotAddMasters } from "./bot/masters/add";
18 | export { default as BotEditMasters } from "./bot/masters/edit";
19 | export { default as BotMasters } from "./bot/masters/list";
20 | export { default as BotSetting } from "./bot/setting";
21 | export { default as HomePage } from "./home";
22 | // User pages
23 | export { default as UserCart } from "./user/cart/index";
24 | export { default as Checkout } from "./user/checkout/index";
25 | export { default as ProductList } from "./user/product/list";
26 | export { default as ProductSingle } from "./user/product/single";
27 | export { default as UserProfileAddAddresses } from "./user/profile/addresses/add";
28 | export { default as UserProfileEditAddresses } from "./user/profile/addresses/edit";
29 | export { default as UserProfileAddresses } from "./user/profile/addresses/list";
30 | export { default as UserProfileEdit } from "./user/profile/edit";
31 | export { default as UserProfileHome } from "./user/profile/home";
32 | export { default as UserProfile } from "./user/profile/index";
33 | export { default as UserProfileOrder } from "./user/profile/order/list";
34 | export { default as UserProfileOrderSingle } from "./user/profile/order/single";
35 |
--------------------------------------------------------------------------------
/src/assets/styles/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | :root {
5 | --tg-theme-bg-color: #fff;
6 | --tg-theme-text-color: #0a0a0a;
7 | --tg-theme-hint-color: #929292;
8 | --tg-theme-link-color: #207ae4;
9 | --tg-theme-button-color: #5bc8fb;
10 | --tg-theme-button-text-color: #fffeec;
11 | --tg-theme-secondary-bg-color: #f3f2f9;
12 |
13 | --default-font: -apple-system, "Vazirmatn";
14 | }
15 |
16 | @font-face {
17 | font-family: "iransans";
18 | src: url("/fonts/IRANSansWeb(FaNum).ttf"),
19 | url("/fonts/IRANSansWeb(FaNum).woff") format("woff"),
20 | url("/fonts/IRANSansWeb(FaNum).woff2") format("woff2"),
21 | url("/fonts/IRANSansWeb(FaNum).eot") format("eot");
22 | }
23 |
24 | /* button,
25 | [type="button"],
26 | [type="reset"],
27 | [type="submit"] {
28 | background-color: var(--tg-theme-button-color);
29 | } */
30 |
31 | body {
32 | margin: 0;
33 | padding: 20px 20px;
34 |
35 | font-family: "iransans";
36 |
37 | background: var(--tg-theme-secondary-bg-color);
38 |
39 | -webkit-font-smoothing: antialiased;
40 | -moz-osx-font-smoothing: grayscale;
41 | }
42 |
43 | code,
44 | label,
45 | span,
46 | div,
47 | label {
48 | font-family: "iransans";
49 | }
50 |
51 | .App-logo {
52 | pointer-events: none;
53 | height: 40vmin;
54 | }
55 |
56 | @media (prefers-reduced-motion: no-preference) {
57 | .App-logo {
58 | animation: App-logo-spin infinite 20s linear;
59 | }
60 | }
61 |
62 | .App-header {
63 | display: flex;
64 | flex-direction: column;
65 | align-items: center;
66 | justify-content: center;
67 |
68 | font-size: calc(10px + 2vmin);
69 | color: white;
70 | }
71 |
72 | .contentWrapper {
73 | box-sizing: border-box;
74 | margin: 5px 0;
75 | padding: 20px;
76 |
77 | color: var(--tg-theme-text-color) !important;
78 |
79 | background: var(--tg-theme-bg-color);
80 | border-radius: 10px;
81 | }
82 |
83 | .ant-input,
84 | .ant-select,
85 | .ant-select-item {
86 | background-color: unset !important;
87 | }
88 |
89 | @keyframes App-logo-spin {
90 | from {
91 | transform: rotate(0deg);
92 | }
93 | to {
94 | transform: rotate(360deg);
95 | }
96 | }
97 |
--------------------------------------------------------------------------------
/src/containers/order/components/order-list.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/jsx-one-expression-per-line */
2 | /* eslint-disable react/jsx-wrap-multilines */
3 | /* eslint-disable prettier/prettier */
4 | // eslint-disable-next-line object-curly-newline
5 | import { Order } from "@framework/types";
6 | import { addCommas } from "@persian-tools/persian-tools";
7 | import { Divider, List } from "antd";
8 | import { Link } from "react-router-dom";
9 |
10 | interface Props {
11 | loading: boolean;
12 | orders: Order | undefined;
13 | }
14 |
15 | function OrderList({ loading, orders }: Props) {
16 | return (
17 | <>
18 |
35 |
48 | {title}
36 | 37 | {customButton && ( 38 | 41 | )} 42 | {backwardUrl && ( 43 | 46 | )} 47 |{children}
49 | - (
24 |
30 | {item.product_Name} 31 | 32 | } 33 | /> 34 | 35 |
36 |
53 |
37 | تومان
38 | {addCommas(item.final_Price)}
39 | قیمت واحد :
40 |
41 |
42 | عدد
43 | {item.quantity}
44 | تعداد :
45 |
46 |
47 |
48 | تومان
49 | {addCommas(item.final_Price * item.quantity)}
50 | قیمت کل :
51 |
52 |
58 | {addCommas(orders?.total_Price || 0)} تومان
59 |
60 |
61 | );
62 | }
63 |
64 | export default OrderList;
65 |
--------------------------------------------------------------------------------
/src/containers/order/components/customer-detail.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable operator-linebreak */
2 | /* eslint-disable react/jsx-wrap-multilines */
3 | /* eslint-disable prettier/prettier */
4 | /* eslint-disable jsx-a11y/img-redundant-alt */
5 | import { Order } from "@framework/types";
6 | import { List } from "antd";
7 | import moment from "jalali-moment";
8 |
9 | interface Props {
10 | orders: Order | undefined;
11 | }
12 | function CustomerDetail({ orders }: Props) {
13 | return (
14 | -
15 |
59 | میلادی : {" "} 60 | {moment(orders?.order_Date).locale("en").format("YYYY/MM/DD") || 61 | ""} 62 | 63 | } 64 | /> 65 |
39 | تعیین وضعیت سفارش
40 |
41 | در انتظار تایید
42 | درحال انجام
43 | درحال بسته بندی
44 | لغو توسط مشتری
45 |
46 | اتمام موجودی 1 یا چند کالا
47 |
48 | لغو توسط ادمین
49 | تحویل داده شده
50 |
51 |
52 |
71 | );
72 | }
73 |
74 | export default OrderSetting;
75 |
--------------------------------------------------------------------------------
/src/pages/user/profile/home.tsx:
--------------------------------------------------------------------------------
1 | import Container from "@components/container";
2 | import useGetUserInfo from "@framework/api/user-information/get";
3 | import useTelegramUser from "@hooks/useTelegramUser";
4 | import { Alert, List } from "antd";
5 | import { useEffect } from "react";
6 | import { useLocation, useNavigate } from "react-router";
7 | import { Link } from "react-router-dom";
8 |
9 | function StatusBox({ title, total }: { title: string; total: number }) {
10 | return (
11 |
53 |
61 |
70 | کد رهگیری :
54 | {
56 | setTracking_Code(e.target.value);
57 | }}
58 | value={tracking_Code}
59 | />
60 |
12 |
15 | );
16 | }
17 |
18 | function UserProfileHome() {
19 | const navigate = useNavigate();
20 | const location = useLocation();
21 | const { id } = useTelegramUser();
22 | const { data, isFetching, isLoading, refetch } = useGetUserInfo({
23 | user_Id: id
24 | });
25 | useEffect(() => {
26 | refetch();
27 | }, [location, refetch]);
28 | const isCompleteProfile =
29 | !data?.phone_Number || !data?.name || !data?.last_Name;
30 | return (
31 | {total}
13 | {title}
14 |
38 | {BoxItem.map((item) => (
39 |
*/}
42 |
43 | {isCompleteProfile && (
44 | لطفا حساب کاربری خود را قبل از ثبت سفارش تکمیل کنید
49 |
52 | تکمیل
53 |
54 |
55 | }
56 | />
57 | )}
58 | -
59 |
16 | منو
17 |
54 | );
55 | }
56 |
57 | export default Boxes;
58 |
--------------------------------------------------------------------------------
/src/components/product/card.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/jsx-one-expression-per-line */
2 | /* eslint-disable object-curly-newline */
3 | import { addCommas } from "@persian-tools/persian-tools";
4 | import { Button, Divider } from "antd";
5 | import { Link } from "react-router-dom";
6 |
7 | interface Props {
8 | url: string;
9 | title: string;
10 | price: number;
11 | quantity: number;
12 | imageURL: string | [];
13 | discountedPrice: number;
14 | }
15 | function Card({
16 | url,
17 | title,
18 | price,
19 | quantity,
20 | imageURL,
21 | discountedPrice
22 | }: Props) {
23 | const finalPrice =
24 | discountedPrice !== price && 100 - (discountedPrice * 100) / price;
25 | return (
26 |
31 |
18 |
19 | محصولات
20 |
21 |
34 |
35 |
36 |
37 |
38 | سفارشات من
39 |
40 |
50 |
51 |
52 |
53 |
36 | {finalPrice && (
37 |
38 | {finalPrice} %
39 |
40 | )}
41 |
42 |
43 |
71 |
72 | );
73 | }
74 |
75 | export default Card;
76 |
--------------------------------------------------------------------------------
/src/pages/bot/masters/list.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | /* eslint-disable no-nested-ternary */
3 | /* eslint-disable object-curly-newline */
4 | import { DeleteOutlined, EditOutlined } from "@ant-design/icons";
5 | import Container from "@components/container";
6 | import useDeleteMaster from "@framework/api/master/delete";
7 | import { useGetMasters } from "@framework/api/master/get";
8 | import useTelegramUser from "@hooks/useTelegramUser";
9 | import { Button, Popconfirm, Space, Table, message } from "antd";
10 | import { useEffect } from "react";
11 | import { useLocation, useNavigate } from "react-router";
12 | import { Link } from "react-router-dom";
13 |
14 | function BotMastersList() {
15 | const navigate = useNavigate();
16 | const { data, isFetching, isLoading, refetch } = useGetMasters();
17 | const deleteMutation = useDeleteMaster();
18 | const location = useLocation();
19 | const { id: user_id } = useTelegramUser();
20 | const handleDeleteMaster = (id: string) => {
21 | deleteMutation.mutate(
22 | {
23 | master_id: id,
24 | user_id
25 | },
26 | {
27 | onSuccess: () => {
28 | message.success("کاربر حذف شد");
29 | refetch();
30 | },
31 | onError: () => {
32 | message.error(" مشکل برای حذف رخ داد ");
33 | refetch();
34 | }
35 | }
36 | );
37 | };
38 |
39 | const dataSource = data?.map((item) => ({
40 | ...item,
41 | title: `${item.name} ${item.last_Name} `,
42 | key: item.id
43 | }));
44 | useEffect(() => {
45 | refetch();
46 | }, [location, refetch]);
47 |
48 | const columns = [
49 | {
50 | title: "نام",
51 | dataIndex: "title",
52 | key: "name"
53 | },
54 | {
55 | title: "عملیات",
56 | dataIndex: "عملیات",
57 | key: "عملیات",
58 | render: (_, record) => (
59 |
44 | {title}
45 |
46 |
47 | {/*
67 |
70 |
48 |
*/}
53 |
49 | ⭐4.3
50 |
51 | غذا
52 |
58 | تومان {addCommas(price)}
59 |
60 | {finalPrice && (
61 |
62 | تومان {addCommas(discountedPrice)}
63 |
64 | )}
65 | {/* تعداد :{quantity} عدد
*/}
66 |
40 |
79 | );
80 | }
81 |
82 | export default ProductItem;
83 |
--------------------------------------------------------------------------------
/src/pages/admin/slider/list.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react-hooks/rules-of-hooks */
2 | /* eslint-disable camelcase */
3 | /* eslint-disable no-nested-ternary */
4 | /* eslint-disable object-curly-newline */
5 | import { DeleteOutlined } from "@ant-design/icons";
6 | import Container from "@components/container";
7 | import useDeleteSlider from "@framework/api/slider/delete";
8 | import { useGetSliders } from "@framework/api/slider/get";
9 | import useTelegramUser from "@hooks/useTelegramUser";
10 | import { Button, message, Popconfirm, Space, Table } from "antd";
11 | import { useEffect } from "react";
12 | import { useLocation, useNavigate } from "react-router";
13 |
14 | function list() {
15 | const navigate = useNavigate();
16 | const { data, isFetching, isLoading, refetch } = useGetSliders();
17 | const deleteMutation = useDeleteSlider();
18 | const location = useLocation();
19 | const { id: user_id } = useTelegramUser();
20 | const handleDeleteSlide = (id: string) => {
21 | deleteMutation.mutate(
22 | {
23 | master_id: id,
24 | user_id
25 | },
26 | {
27 | onSuccess: () => {
28 | message.success("اسلاید حذف شد");
29 | refetch();
30 | },
31 | onError: () => {
32 | message.error(" مشکل برای حذف رخ داد ");
33 | refetch();
34 | }
35 | }
36 | );
37 | };
38 |
39 | const dataSource = data?.map((item) => ({
40 | ...item,
41 |
42 | key: item.id
43 | }));
44 | useEffect(() => {
45 | refetch();
46 | }, [location, refetch]);
47 |
48 | const columns = [
49 | {
50 | title: "نام",
51 | key: "name",
52 | render: (_, record) => (
53 |
41 |
67 | 42 | {title} 43 |
44 |
45 | {/*
66 |
46 |
*/}
51 |
47 | ⭐4.3
48 |
49 | غذا
50 |
55 | تومان {addCommas(price)}
56 |
57 | {finalPrice && (
58 |
59 | تومان {addCommas(discountedPrice)}
60 |
61 | )}
62 | {pageType === "admin" && (
63 | تعداد :{quantity} عدد
64 | )}
65 |
72 | {finalPrice && (
73 |
74 | {finalPrice} %
75 |
76 | )}
77 |
78 |
54 | 
58 |
59 | )
60 | },
61 | {
62 | title: "عملیات",
63 | key: "عملیات",
64 | render: (_, record) => (
65 | {GetOrderStatus(text)}
78 | }, 79 | { 80 | title: "تاریخ ثبت سفارش", 81 | dataIndex: "time", 82 | key: "time", 83 | render: (text) => ( 84 |{moment(text).locale("fa").format("YYYY/MM/DD") || ""}
85 | ) 86 | } 87 | ]; 88 | 89 | return ( 90 |{GetOrderStatus(text)}
91 | }, 92 | { 93 | title: "تاریخ ثبت سفارش", 94 | dataIndex: "time", 95 | key: "time", 96 | render: (text) => ( 97 |{moment(text).locale("fa").format("YYYY/MM/DD") || ""}
98 | ) 99 | } 100 | ]; 101 | 102 | return ( 103 |- (
35 |
{item.city}
}
43 | description={
44 |
45 |
52 | }
53 | />
54 |
55 |
46 | {item.state}
47 |
48 |
49 | {item.zipcode}
50 |
51 |
56 | {
61 | deleteMutation.mutate(
62 | { user_id: id, address_id: item.address_Id },
63 | {
64 | onSuccess: () => {
65 | message.success("آدرس با موفقیت حذف شد");
66 | refetch();
67 | },
68 | onError: (e) => {
69 | console.log(e);
70 | message.error("حذف نشد دوباره تلاش کنید!");
71 | refetch();
72 | }
73 | }
74 | );
75 | }}
76 | okText="حذف"
77 | okType="default"
78 | cancelText="انصراف">
79 |
85 |
86 |
91 |
92 | {record.category_Name}
86 | )
87 | },
88 | {
89 | title: "عملیات",
90 | key: "action",
91 | render: (_, record) => (
92 |
124 |
125 |
126 |
127 |
84 | قابل تغییر نمیباشد}
86 | title="Title"
87 | trigger="click">
88 |
90 | اطلاعات تکمیلی
91 |
92 |
94 |
122 |
123 | )}
124 | -
95 |
61 | تخفیفات
62 |
150 |
151 | );
152 | }
153 |
154 | export default Discount;
155 |
--------------------------------------------------------------------------------
/src/pages/admin/categories/edit.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | /* eslint-disable operator-linebreak */
3 | /* eslint-disable implicit-arrow-linebreak */
4 | /* eslint-disable indent */
5 | /* eslint-disable object-curly-newline */
6 | // eslint-disable-next-line object-curly-newline
7 | import Container from "@components/container";
8 | import Discount from "@components/discount";
9 | import { useGetCategories } from "@framework/api/categories/get";
10 | import useUpdateCategory from "@framework/api/categories/update";
11 | import { TypeCategories } from "@framework/types";
12 | import useTelegramUser from "@hooks/useTelegramUser";
13 | import { Button, Cascader, Form, Input, message, Spin } from "antd";
14 | import { useLocation, useNavigate, useParams } from "react-router";
15 |
16 | interface FromProps {
17 | name: string;
18 | categories?: Array
58 |
146 |
59 | {
63 | setSearch(e);
64 | refetch();
65 | }}
66 | />
67 |
90 |
100 |
110 |
111 | }
112 | title=" فیلتر ها"
113 | placement="bottom"
114 | onClose={() => setOpen(false)}
115 | width="100%"
116 | height="90%"
117 | className="rounded-t-3xl"
118 | open={open}>
119 |
68 |
87 |
69 |
83 |
86 |
120 |
144 |
145 |
121 | {
130 | setCategoryFilterId(e);
131 | }}
132 | fieldNames={{
133 | title: "category_Name",
134 | key: "category_Id",
135 | children: "children"
136 | }}
137 | dropdownStyle={{ maxHeight: 400, overflow: "auto" }}
138 | allowClear
139 | multiple
140 | selectable={false}
141 | />
142 |
143 |
150 | {isLoading || isFetching ? (
151 |
185 |
154 | مشکلی رخ داده
155 |
158 |
159 | ) : data?.products.length === 0 ? (
160 |
161 |
163 | ) : (
164 | <>
165 | {data?.products.map((item) => (
166 |
75 |
182 |
76 |
156 | - (
81 |
90 |
91 | {item.product_Name}
92 |
93 |
94 | }
95 | description={
96 |
97 |
116 | }
117 | />
118 |
119 |
98 | تومان
99 | {addCommas(item.discountedPrice)}
100 | : قیمت واحد
101 |
102 |
103 | عدد
104 | {item.quantity}
105 | : تعداد
106 |
107 |
108 |
109 | تومان
110 |
111 | {addCommas(item.discountedPrice * item.quantity)}
112 |
113 | : قیمت کل
114 |
115 |
120 | handleDeleteCartItem(item.product_Id)}
124 | okText="حذف"
125 | okType="default"
126 | cancelText="انصراف">
127 |
130 |
131 |
132 |
157 |
181 |
158 |
164 |
165 | 159 | قیمت کل 160 | {addCommas(data?.totalPrice)} 161 | تومان 162 |
163 |
166 |
179 |
180 |
87 |
90 |
116 | }
117 | type="info"
118 | showIcon
119 | />
120 | اطلاعات حساب برای واریز مبلغ
91 |
92 |
102 | 103 | به نام: 104 | {personCart.name} 105 | 106 |
107 | 108 | 109 | مبلغ واریز: 110 | 111 | {addCommas(CartData?.totalPrice) || 0} تومان 112 | 113 | 114 |
115 | {
95 | navigator.clipboard.writeText(personCart.cartNumber);
96 | message.success("شماره کارت کپی شد ");
97 | }}>
98 |
101 | شماره کارت : {personCart.cartNumber}
99 |
100 | 102 | 103 | به نام: 104 | {personCart.name} 105 | 106 |
107 | 108 | 109 | مبلغ واریز: 110 | 111 | {addCommas(CartData?.totalPrice) || 0} تومان 112 | 113 | 114 |
121 |