Dashboard Componeets files are added some
This commit is contained in:
28
components/dashboard/activityFeed.tsx
Normal file
28
components/dashboard/activityFeed.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import { ActivityFeedProps } from "@/constants/types"
|
||||
|
||||
|
||||
|
||||
export default function ActivityFeed({ activities }: ActivityFeedProps) {
|
||||
return (
|
||||
<div className="rounded-xl border border-[#14253d] bg-[#0c1a2c] p-6 flex flex-col">
|
||||
<h3 className="text-base font-semibold text-white mb-4">Recent activity</h3>
|
||||
<hr className="border-[#14253d] mb-6" />
|
||||
<div className="divide-y divide-[#14253d] flex-1 flex flex-col justify-between">
|
||||
{activities.map((activity, index) => {
|
||||
const parts = activity.text.split(activity.boldText);
|
||||
|
||||
return (
|
||||
<div key={index} className="py-3.5 flex items-start text-sm gap-4 first:pt-0 last:pb-0">
|
||||
<span className="text-gray-500 font-medium tabular-nums shrink-0">{activity.time}</span>
|
||||
<p className="text-gray-300">
|
||||
{parts[0]}
|
||||
<span className="font-semibold text-white">{activity.boldText}</span>
|
||||
{parts[1]}
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user