diff --git a/src/assets/img/pankaj-patel-_SgRNwAVNKw-unsplash.jpg b/src/assets/img/pankaj-patel-_SgRNwAVNKw-unsplash.jpg
new file mode 100644
index 0000000..2c7d5e7
Binary files /dev/null and b/src/assets/img/pankaj-patel-_SgRNwAVNKw-unsplash.jpg differ
diff --git a/src/assets/img/rhema-kallianpur-2W3bDp7K1oQ-unsplash.jpg b/src/assets/img/rhema-kallianpur-2W3bDp7K1oQ-unsplash.jpg
new file mode 100644
index 0000000..3df7de5
Binary files /dev/null and b/src/assets/img/rhema-kallianpur-2W3bDp7K1oQ-unsplash.jpg differ
diff --git a/src/view/my-services/MyCourse.js b/src/view/my-services/MyCourse.js
new file mode 100644
index 0000000..7b0c1f8
--- /dev/null
+++ b/src/view/my-services/MyCourse.js
@@ -0,0 +1,99 @@
+import Title from "./Title";
+import img1 from "../../assets/img/rhema-kallianpur-2W3bDp7K1oQ-unsplash.jpg";
+import img2 from "../../assets/img/pankaj-patel-_SgRNwAVNKw-unsplash.jpg";
+let data = [
+ {
+ id: 1,
+ name: "صفر تا صد javascript",
+ date: "1401/3/3",
+ img: img1,
+ description:
+ "ما در این دوره از پایهای ترین مفاهیم javascript شروع خواهیم کرد و رفته رفته به سمت مطالب حرفهای تر حرکت میکنیم.",
+ teacher: "فرانتکار عجیب",
+ },
+ {
+ id: 2,
+ name: "صفر تا صد javascript",
+ date: "1401/3/3",
+ img: img2,
+ description:
+ "ما در این دوره از پایهای ترین مفاهیم javascript شروع خواهیم کرد و رفته رفته به سمت مطالب حرفهای تر حرکت میکنیم.",
+ teacher: "فرانتکار عجیب",
+ },
+ {
+ id: 3,
+ name: "صفر تا صد javascript",
+ date: "1401/3/3",
+ img: img1,
+ description:
+ "ما در این دوره از پایهای ترین مفاهیم javascript شروع خواهیم کرد و رفته رفته به سمت مطالب حرفهای تر حرکت میکنیم.",
+ teacher: "فرانتکار عجیب",
+ },
+ {
+ id: 4,
+ name: "صفر تا صد javascript",
+ date: "1401/3/3",
+ img: img2,
+ description:
+ "ما در این دوره از پایهای ترین مفاهیم javascript شروع خواهیم کرد و رفته رفته به سمت مطالب حرفهای تر حرکت میکنیم.",
+ teacher: "فرانتکار عجیب",
+ },
+];
+const MyCourse=()=>{
+ return (
+
+
+ {/* ----title-------- */}
+
+ {/* ----body-------- */}
+
+ {data?.map((item, index) => (
+
+
+
+
+ {/* ---- */}
+
+
+ {item?.date}
+
+
+ {item.name}
+
+
+ {item.description}
+
+
+ استاد:{item?.teacher}
+
+
+
+ ))}
+
+
+
+ );
+}
+
+export default MyCourse;
\ No newline at end of file
diff --git a/src/view/my-services/MyOrders.js b/src/view/my-services/MyOrders.js
new file mode 100644
index 0000000..de41f1c
--- /dev/null
+++ b/src/view/my-services/MyOrders.js
@@ -0,0 +1,132 @@
+import Title from "./Title";
+
+let data = [
+ {
+ id: 1,
+ factorId: "ABC12345",
+ date: "1401/3/3",
+ status: 1,
+ sumPrice: 100000,
+ products: [
+ {
+ id: 100,
+ img: "",
+ },
+ {
+ id: 101,
+ img: "",
+ },
+ ],
+ },
+ {
+ id: 2,
+ factorId: "ABC12345",
+ date: "1401/3/3",
+ status: 2,
+ sumPrice: 100000,
+ products: [
+ {
+ id: 100,
+ img: "",
+ },
+ {
+ id: 101,
+ img: "",
+ },
+ ],
+ },
+ {
+ id: 3,
+ factorId: "ABC12345",
+ date: "1401/3/3",
+ status: 3,
+ sumPrice: 100000,
+ products: [
+ {
+ id: 100,
+ img: "",
+ },
+ {
+ id: 101,
+ img: "",
+ },
+ ],
+ },
+ {
+ id: 4,
+ factorId: "ABC12345",
+ date: "1401/3/3",
+ status: 1,
+ sumPrice: 100000,
+ products: [
+ {
+ id: 100,
+ img: "",
+ },
+ {
+ id: 101,
+ img: "",
+ },
+ ],
+ },
+];
+let statusColor = ["#F7EA46", "#57F746", "#FE1E1E"];
+const MyOrders = () => {
+ return (
+
+
+ {/* ----title-------- */}
+
+ {/* ----body-------- */}
+
+ {data.map((item, index) => (
+
+
+
+ {item.factorId}
+
+
{item.date}
+
+
+
+ {item.status === 1
+ ? "در حال پردازش"
+ : item.status === 2
+ ? "تکمیل شده"
+ : "کنسل شده"}
+
+
+
+ {/* ---------- */}
+
+
+ {item.products.map((ITEM, INDEX) => (
+
+ ))}
+
+
+
+ جمع فاکتور {item.sumPrice} تومان
+
+
+ جزئیات سفارش
+
+
+
+
+ ))}
+
+
+
+ );
+};
+
+export default MyOrders;
diff --git a/src/view/my-services/MyServices.js b/src/view/my-services/MyServices.js
index bbb3bd8..b944c93 100644
--- a/src/view/my-services/MyServices.js
+++ b/src/view/my-services/MyServices.js
@@ -1,4 +1,6 @@
import Exams from "./Exams";
+import MyCourse from "./MyCourse";
+import MyOrders from "./MyOrders";
import MyRegisters from "./MyRegisters";
@@ -6,13 +8,15 @@ import MyRegisters from "./MyRegisters";
const MyServices=()=>{
return (