-
1400
+
+
+
+
+ {items.map((item, index) => (
+
+
setSelectedYear(item)}
+ className={`text-base my-2 cursor-pointer text-center ${
+ selectedYear === item
+ ? "text-[#06BACE] font-bold text-2xl"
+ : "text-gray-300"
+ }`}
+ >
+ {item.year}
+
+
+ ))}
+
+
-
+
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
- فروردین
+ فروردین
+ اردیبهشت
+ خرداد
+ تیر
+ مرداد
+ شهریور
+ مهر
+ آبان
+ آذر
+ دی
+ بهمن
+ اسفند
+ {/*
+ {selectedYear?.components}
+
*/}
);
};
export default SelectYear;
-// SelectYear.defaultProps = {
-// date: [
-// {
-// year: "1400",
-// months: [
-// {
-
-// }
-// ]
-// }
-// ]
-// }
+SelectYear.defaultProps = {
+ items: [
+ {
+ year: "1400",
+ components:
,
+ },
+ {
+ year: "1399",
+ components:
,
+ },
+ {
+ year: "1398",
+ components:
,
+ },
+ {
+ year: "1397",
+ components:
,
+ },
+ {
+ year: "1396",
+ components:
,
+ },
+ ],
+};
diff --git a/src/components/SelectYear/index.scss b/src/components/SelectYear/index.scss
new file mode 100644
index 0000000..9b6c0a0
--- /dev/null
+++ b/src/components/SelectYear/index.scss
@@ -0,0 +1,11 @@
+.no-scrollbar {
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+}
+.tabbar {
+ cursor: pointer;
+}
+.active2,
+.active2 li a {
+ cursor: move !important;
+}
diff --git a/src/components/TimeLineComponent/index.js b/src/components/TimeLineComponent/index.js
index 23b876f..fb3a3d4 100644
--- a/src/components/TimeLineComponent/index.js
+++ b/src/components/TimeLineComponent/index.js
@@ -5,12 +5,16 @@ import TitleSubtitle from "../TitleSubtitle";
import Timeline from "./Timeline.js";
import search from "./gray-search-icon.svg";
+import SelectYear from "../SelectYear";
const TimeLineComponent = ({ data }) => {
return (