ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-04-30 18:59:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial Commit

Browse source
This commit is contained in:
Ahmad 2024-02-14 21:30:10 -05:00
commit f3e2f01bd7
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
150 changed files with 13612 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

39
components/modals/card-modal/activity.tsx Normal file
View file

@ -0,0 +1,39 @@
"use client";
import { AuditLog } from "@prisma/client";
import { ActivityIcon } from "lucide-react";
import { Skeleton } from "@/components/ui/skeleton";
import { ActivityItem } from "@/components/activity-item";
interface ActivityProps {
items: AuditLog[];
}
export const Activity = ({ items }: ActivityProps) => {
return (
<div className="flex items-start gap-x-3 w-full">
<ActivityIcon className="h-5 w-5 mt-0.5 text-neutral-700" />
<div className="w-full">
<p className="font-semibold text-neutral-700 mb-2">Activity</p>
<ol className="mt-2 space-y-4">
{items.map((item) => (
<ActivityItem key={item.id} data={item} />
))}
</ol>
</div>
</div>
);
};
Activity.Skeleton = function ActivitySkeleton() {
return (
<div className="flex items-start gap-x-3 w-full">
<Skeleton className="h-6 w-6 bg-neutral-200" />
<div className="w-full">
<Skeleton className="w-24 h-6 mb-2 bg-neutral-200" />
<Skeleton className="w-full h-10 bg-neutral-200" />
</div>
</div>
);
};