From a9193e47780c88b29eeab10ec60c3af3245fbade Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Sun, 24 Apr 2022 16:26:41 +0430
Subject: [PATCH] update 5 files

---
 src/App.js                              |  2 +-
 src/components/ProfileInfo/index.js     |  2 +-
 src/components/UserProfileInfo/index.js | 18 +++++++-----------
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/App.js b/src/App.js
index 7913e16..747a80d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -140,7 +140,7 @@ function App() {
         {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
-        {/* <DistributedData /> */}
+        <DistributedData />
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
         {/* <LeafletMap /> */}
diff --git a/src/components/ProfileInfo/index.js b/src/components/ProfileInfo/index.js
index f6c3344..b1ae2e0 100644
--- a/src/components/ProfileInfo/index.js
+++ b/src/components/ProfileInfo/index.js
@@ -5,7 +5,7 @@ import arrowDown from "./arrow-down.svg";
 
 const ProfileInfo = ({ name, role }) => {
   return (
-    <div className="flex flex-row items-center justify-center">
+    <div className="flex flex-row items-center bg-red-500">
       <img src={profilePic} className="rounded-full" alt="profile-pic" />
       <div className="mx-4">
         <p className="text-[#0F0543] font-bold text-sm">{name}</p>
diff --git a/src/components/UserProfileInfo/index.js b/src/components/UserProfileInfo/index.js
index fc406b9..68a4393 100644
--- a/src/components/UserProfileInfo/index.js
+++ b/src/components/UserProfileInfo/index.js
@@ -5,18 +5,14 @@ import ProfileInfo from "../ProfileInfo";
 
 const UserProfileInfo = () => {
   return (
-    <div className="max-w-[380px] flex flex-row-reverse items-center justify-between divide-x bg-blue-200">
-      {/* ? date && time */}
-      <div className="">
-        {/* ? time */}
-        <div className="flex flex-row items-center mb-2">
-          <span className="text-xs ml-2 text-[#0F0543] ">ساعت</span>
-          <CurrentTime color={"text-[#2A527A]"} fontSize={"text-xs"} />
-        </div>
-        {/* ? date */}
-        <CurrentDateShamsi color={"text-[#2A527A]"} fontSize={"text-xs"} />
+    <div className="flex flex-col">
+      {/* ? time */}
+      <div className="flex flex-row items-center mb-2">
+        <span className="text-xs ml-2 text-[#0F0543] ">ساعت</span>
+        <CurrentTime color={"text-[#2A527A]"} fontSize={"text-xs"} />
       </div>
-      <ProfileInfo />
+      {/* ? date */}
+      <CurrentDateShamsi color={"text-[#2A527A]"} fontSize={"text-xs"} />
     </div>
   );
 };