WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'recent-activities-height' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2023-09-19 07:55:39 +00:00
committed by Gogs
parent daad9d18ec 11b96e56da
commit f302ca80d7
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/HomeActivities.jsx
+16 -12
View File
@@ -58,8 +58,8 @@ export default function HomeActivities({ className }) {
}`} }`}
> >
<div className="header w-full sm:flex justify-between items-center mb-5"> <div className="header w-full sm:flex justify-between items-center mb-5">
<div className="flex space-x-2 items-center mb-2 sm:mb-0"> <div className="flex space-x-2 items-center mb-4 sm:mb-0">
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide"> <h1 className="text-center text-2xl font-bold text-dark-gray dark:text-white tracking-wide">
Recent Activities Recent Activities
</h1> </h1>
</div> </div>
@@ -79,28 +79,32 @@ export default function HomeActivities({ className }) {
{/*</tr>*/} {/*</tr>*/}
{recentActivitiesData.loading ? ( {recentActivitiesData.loading ? (
<div className="h-[100px] w-full flex justify-center items-center"> <tr>
<LoadingSpinner color="sky-blue" size="16" /> <td>
</div> <div className="h-[100px] w-full flex justify-center items-center">
<LoadingSpinner color="sky-blue" size="16" />
</div>
</td>
</tr>
) : recentActivitiesData.data ? ( ) : recentActivitiesData.data ? (
recentActivitiesData.data?.map((item) => { recentActivitiesData.data?.map((item) => {
let addedDate = item?.added?.split(" ")[0]; let addedDate = item?.added?.split(" ")[0];
return ( return (
<tr <tr
className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50" className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50"
key={item.uid} key={item.uid}
> >
<td className=" py-8"> <td className="py-3">
<div className="flex space-x-2 items-center"> <div className="flex space-x-2 items-center">
<div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center"> {/* <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
<img <img
src={dataImage1} src={dataImage1}
alt="data" alt="data"
className="w-full h-full" className="w-full h-full"
/> />
</div> </div> */}
<div className="flex flex-col"> <div className="flex flex-col">
<h1 className="font-bold text-xl text-dark-gray dark:text-white"> <h1 className="font-bold text-xl text-dark-gray dark:text-white">
{item.title ? item.title : "Title"} {item.title ? item.title : "Title"}
</h1> </h1>
<span className="text-sm text-thin-light-gray"> <span className="text-sm text-thin-light-gray">
@@ -110,8 +114,8 @@ export default function HomeActivities({ className }) {
</div> </div>
</td> </td>
<td className="text-right py-4"> <td className="text-right py-3">
<div className="flex space-x-1 items-center justify-center"> <div className="flex space-x-1 items-center justify-end">
<span className="text-base text-dark-gray dark:text-white font-medium"> <span className="text-base text-dark-gray dark:text-white font-medium">
{item.added ? addedDate : ""} {item.added ? addedDate : ""}
</span> </span>