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

Formated Files

Browse source
This commit is contained in:
Ahmad 2024-02-15 20:49:19 -05:00
parent d5631b309a
commit e768d9181f
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
138 changed files with 1829 additions and 1851 deletions
Download patch file Download diff file Expand all files Collapse all files

30
components/modals/card-modal/activity.tsx
View file

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