structure payment methods

src/pages/paymentMethods/List.tsx

@@ -0,0 +1,11 @@
+import { type FC } from 'react'
+
+const PaymentMethodsList: FC = () => {
+    return (
+        <div className='mt-5'>
+            <h1 className='text-lg font-light'>لیست روش های پرداخت</h1>
+        </div>
+    )
+}
+
+export default PaymentMethodsList

src/pages/paymentMethods/hooks/usePaymentMethodData.ts

@@ -0,0 +1,16 @@
+import * as api from "../service/PaymentMethodService";
+import { useQuery } from "@tanstack/react-query";
+
+export const useGetPaymentMethods = () => {
+  return useQuery({
+    queryKey: ["payment-methods"],
+    queryFn: api.getPaymentMethods,
+  });
+};
+
+export const useGetRestaurantPaymentMethods = () => {
+  return useQuery({
+    queryKey: ["restaurant-payment-methods"],
+    queryFn: api.getRestaurantPaymentMethods,
+  });
+};

src/pages/paymentMethods/service/PaymentMethodService.ts

@@ -0,0 +1,11 @@
+import axios from "@/config/axios";
+
+export const getPaymentMethods = async () => {
+  const { data } = await axios.get("/admin/payment-methods");
+  return data;
+};
+
+export const getRestaurantPaymentMethods = async () => {
+  const { data } = await axios.get("/admin/restaurant-payment-methods");
+  return data;
+};