fix: datetooltip fixes

Signed-off-by: pranalidhanavade <[email protected]>
credebl · Oct 8, 2024 · 75f23db · 75f23db
1 parent 2305b10
commit 75f23db
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
@@ -1,3 +1,5 @@
+import { useEffect, useState } from 'react';
+
 import { Tooltip } from 'flowbite-react';
 import moment from 'moment';
 
@@ -8,9 +10,14 @@ interface DateProps {
 }
 
 const DateTooltip = ({date, children}: DateProps) => {
+  const [formattedDate,setFormattedDate]= useState("")
 
-  const updatedDate = new Date(date);
-  const formattedDate = date ? moment(updatedDate).format("MMM DD, YYYY, h:mm A z") : '';
+
+  useEffect(() => {
+    const updatedDate = new Date(date);
+    const formatdDate = date ? moment(updatedDate).format("MMM DD, YYYY, h:mm A z") : '';
+    setFormattedDate(formatdDate)
+  }, [])
 
   return (
     <Tooltip 

diff --git a/src/components/User/UserDashBoard.tsx b/src/components/User/UserDashBoard.tsx
@@ -1021,7 +1021,7 @@ const UserDashBoard = () => {
 						</div>
 						<hr />
 
-						{!credDefLoading ? (
+						{!credDefLoading ? (	
 							<>
 								{credDefList && credDefList.length > 0 ? (
 									<>
@@ -1066,7 +1066,7 @@ const UserDashBoard = () => {
 					</div>
 				</div>
 				<div className="">
-				{/* <div className="p-4 mb-4 bg-white border border-gray-200 rounded-lg shadow-sm dark:border-gray-700 sm:p-6 dark:bg-gray-800 xl:mb-0">
+				<div className="p-4 mb-4 bg-white border border-gray-200 rounded-lg shadow-sm dark:border-gray-700 sm:p-6 dark:bg-gray-800 xl:mb-0">
 					<div className="items-start justify-start mb-4">
 						<h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">
 							Recent Activity
@@ -1106,7 +1106,7 @@ const UserDashBoard = () => {
 							<CustomSpinner />
 						</div>
 					)}
-				</div> */}
+				</div>
 			</div>
 			</div>