update 5 files and delete 3 files

src/components/Avatar/UserProfileInfo/index.js

@@ -1,8 +1,6 @@
 import React from "react";
-import DistributedData from "../DistributedData";
-
 import ProfileInfo from "../ProfileInfo";
-import DateTime from "../DateTime";
+import DateTime from "../../CurrentDateTime/DateTime";
 
 const UserProfileInfo = () => {
   return (
@@ -18,15 +16,3 @@ const UserProfileInfo = () => {
 };
 
 export default UserProfileInfo;
-
-// <DistributedData
-//   items={[
-//     [
-//       {
-//         name: <DateTime />,
-//         number: null,
-//       },
-//       { name: <ProfileInfo />, number: null },
-//     ],
-//   ]}
-// />

src/components/Avatar/index.js

@@ -2,11 +2,13 @@ import React, { useState } from "react";
 
 import ProfileInfo from "./ProfileInfo";
 import ProfilePicNextToEachOther from "./ProfilePicNextToEachOther";
+import UserProfileInfo from "./UserProfileInfo";
 
 function Avatar() {
   const list = {
     1: <ProfileInfo />,
     2: <ProfilePicNextToEachOther />,
+    3: <UserProfileInfo />,
   };
   const [type, setType] = useState(1);
   return (

src/components/TestComponentNew/index.js

@@ -1,7 +0,0 @@
-import React from "react";
-
-const TestComponentNew = () => {
-  return <div>TestComponentNew</div>;
-};
-
-export default TestComponentNew;

src/components/Timeline/TimeLine1/TimeLineItem.js

@@ -1,5 +1,5 @@
-import CircleInCircle from "../../";
+import CircleInCircle from "../../MiniComponents/CircleInCircle";
-import ProfilePicNextToEachOther from "../ProfilePicNextToEachOther";
+import ProfilePicNextToEachOther from "../../Avatar/ProfilePicNextToEachOther";
 
 const TimeLineItem = ({ data }) => (
   <div

src/components/Timeline/TimeLine1/Timeline.js

@@ -5,7 +5,7 @@ import TimeLineItem from "./TimeLineItem.js";
 
 const TimeLine1 = () =>
   timeLineData.length > 0 && (
-    <div className="timeline-container flex flex-col relative  my-10">
+    <div className="timeline-container flex flex-col relative my-10">
       {timeLineData.slice(0, 6).map((data, idx) => (
         <TimeLineItem data={data} key={idx} />
       ))}

src/components/Timeline/TimeLine1/data.js

@@ -1,6 +1,3 @@
-import profilePic1 from "./profilePic1.svg";
-import profilePic2 from "./profilePic2.svg";
-
 const data = [
   {
     date: "1400/12/28",
@@ -15,32 +12,32 @@ const data = [
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
     ],
   },
@@ -57,22 +54,22 @@ const data = [
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
     ],
   },
@@ -89,32 +86,32 @@ const data = [
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
     ],
   },
@@ -131,22 +128,22 @@ const data = [
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
       {
         name: "غلام",
         lname: "قلی نژاد",
-        profilePic: profilePic1,
+        profilePic: "images/TimeLine1profilePic2.svg",
       },
       {
         name: "علی",
         lname: "علوی",
-        profilePic: profilePic2,
+        profilePic: "images/TimeLine1profilePic1.svg",
       },
     ],
   },

src/components/Timeline/TimeLine1/index.js

@@ -2,17 +2,16 @@
 
 import React from "react";
 
-import SearchBox from "../SearchBox";
+import SearchBox from "../../SearchDesign/SearchBox";
-import TitleSubtitle from "../TitleSubtitle";
+import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
 
 import Timeline from "./Timeline.js";
 
-import search from "./gray-search-icon.svg";
+import SelectYear from "../../MiniComponents/SelectYear";
-import SelectYear from "../SelectYear";
 
 const TimeLineComponent = ({ data }) => {
   return (
-    <div className="px-10 py-4 mx-auto bg-white">
+    <div className="w-full px-10 py-4 mx-auto bg-white">
       <div className="flex flex-row items-start justify-between">
         <div>
           <TitleSubtitle subTitle={false} />
@@ -22,7 +21,6 @@ const TimeLineComponent = ({ data }) => {
           <Timeline />
         </div>
         <SearchBox
-          searchIcon={search}
           className={"border-[#ddd] focus:border-gray-200 focus:ring-gray-200"}
         />
       </div>