update

src/App.js

@@ -69,6 +69,7 @@ import TimeLineComponent from "./components/TimeLineComponent";
 import TitleSubtitle from "./components/TitleSubtitle";
 import TimeLine from "./components/TimeLineComponent/Timeline";
 import ProfilePicNextToEachOther from "./components/ProfilePicNextToEachOther";
+import SelectYear from "./components/SelectYear";
 
 // import Digikala from "./components/Digikala/ImageSlider";
 
@@ -94,11 +95,11 @@ function App() {
         {/* <Testttt /> */}
         {/* <Design2D /> */}
         {/* <Features /> */}
-        {/* <Feedback /> */}
+        <Feedback />
         {/* <Alert /> */}
         {/* <Toast /> */}
-        <ProductSuggestion />
-        <ProductImage />
+        {/* <ProductSuggestion /> */}
+        {/* <ProductImage /> */}
         {/* <ProductTab /> */}
         {/* <ProductStatusCard /> */}
         {/* <AdvertisementDesign1 /> */}
@@ -124,12 +125,12 @@ function App() {
             <FooterDesign1 />
           </span>
         </div> */}
-        <BreadCrumb />
+        {/* <BreadCrumb /> */}
         {/* <SearchBox /> */}
         {/* <FileManager /> */}
         {/* <TitleSubtitle /> */}
         {/* <Playlist /> */}
-        {/* <Folderlists /> */}
+        <Folderlists />
         {/* <Blogs /> */}
         {/* <CardHolder /> */}
         {/* <UploadFile /> */}
@@ -137,13 +138,14 @@ function App() {
         {/* <OutlineInput /> */}
         {/* <ButtonNewDesign /> */}
         {/* <CancleIcon /> */}
-        <ProfilePicNextToEachOther />
+        {/* <ProfilePicNextToEachOther /> */}
         {/* <SemiDonut /> */}
         {/* <FolderTree /> */}
         {/* <GridListTable /> */}
-        <PopupCard />
-        <TimeLine />
+        {/* <PopupCard /> */}
+        {/* <TimeLine /> */}
         <TimeLineComponent />
+        <SelectYear />
 
         {/* <SidebarDesign2 className="w-1/5" /> */}
       </div>

src/components/SelectYear/index.js

@@ -0,0 +1,41 @@
+import React from "react";
+
+const SelectYear = () => {
+  return (
+    <section className="flex flex-row items-center bg-pink-200 mx-auto">
+      <div>
+        <span>1400</span>
+      </div>
+      <div className="bg-[#06BACE] w-2 h-full rounded"></div>
+      <div className="flex flex-col items-center">
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+        <span>فروردین</span>
+      </div>
+    </section>
+  );
+};
+
+export default SelectYear;
+
+// SelectYear.defaultProps = {
+//     date: [
+//         {
+//             year: "1400",
+//             months: [
+//                 {
+
+//                 }
+//             ]
+//         }
+//     ]
+// }

src/components/TimeLineComponent/TimeLineItem.js

@@ -10,11 +10,11 @@ const TimeLineItem = ({ data }) => (
       style={{ maxWidth: "100%", width: "400px" }}
     >
       {/* top --> time & date */}
-      <div className="flex flex-row items-center justify-between w-full  p-3">
+      <div className="flex flex-row items-center w-full p-3 justify-between">
         {data.active && (
           <div className="bg-blue-500 border-4 border-[#D4E6FF99] w-4 h-4 rounded-full"></div>
         )}
-        <div className="flex flex-row-reverse">
+        <div className="flex flex-row-reverse self-end">
           <time className="text-xs text-[#0A7C9F]">{data.date}</time>
           <span className="text-xs text-[#0A7C9F]">-</span>
           <time className="text-xs text-[#0A7C9F] ml-1">{data.time}</time>

src/components/TimeLineComponent/data.js

@@ -48,7 +48,7 @@ const data = [
     date: "1395/12/28",
     time: " 12:30",
     text: "انجام عملیات بازگردانی و ذخیره سازی2",
-    active: false,
+    active: true,
     content: `
     جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت
 پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید 
@@ -122,7 +122,7 @@ const data = [
     date: "1395/12/28",
     time: " 12:30",
     text: "انجام عملیات بازگردانی و ذخیره سازی2",
-    active: false,
+    active: true,
     content: `
     جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت
 پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید