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="flex space-x-2 items-center mb-2 sm:mb-0">
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
<div className="flex space-x-2 items-center mb-4 sm:mb-0">
<h1 className="text-center text-2xl font-bold text-dark-gray dark:text-white tracking-wide">
Recent Activities
</h1>
</div>
@@ -79,28 +79,32 @@ export default function HomeActivities({ className }) {
{/*</tr>*/}
{recentActivitiesData.loading ? (
<div className="h-[100px] w-full flex justify-center items-center">
<LoadingSpinner color="sky-blue" size="16" />
</div>
<tr>
<td>
<div className="h-[100px] w-full flex justify-center items-center">
<LoadingSpinner color="sky-blue" size="16" />
</div>
</td>
</tr>
) : recentActivitiesData.data ? (
recentActivitiesData.data?.map((item) => {
let addedDate = item?.added?.split(" ")[0];
return (
<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}
>
<td className=" py-8">
<td className="py-3">
<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
src={dataImage1}
alt="data"
className="w-full h-full"
/>
</div>
</div> */}
<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"}
</h1>
<span className="text-sm text-thin-light-gray">
@@ -110,8 +114,8 @@ export default function HomeActivities({ className }) {
</div>
</td>
<td className="text-right py-4">
<div className="flex space-x-1 items-center justify-center">
<td className="text-right py-3">
<div className="flex space-x-1 items-center justify-end">
<span className="text-base text-dark-gray dark:text-white font-medium">
{item.added ? addedDate : ""}
</span>