Kamran AhmedandArik Chakma
80ec1a1c4b
* Fix respond invite * Team roadmap icon fix * Personal roadmap list and empty friends * Fix invite friend * Fix user progress modal * Friends and notification pages * Friends and notification pages * Update * Fix progress modal --------- Co-authored-by: Arik Chakma <arikchangma@gmail.com>
25 lines
856 B
TypeScript
25 lines
856 B
TypeScript
import { RoadmapIcon } from "../ReactIcons/RoadmapIcon";
|
|
|
|
export function EmptyActivity() {
|
|
return (
|
|
<div className="rounded-md">
|
|
<div className="flex flex-col items-center p-7 text-center">
|
|
<RoadmapIcon className="mb-2 w-[60px] h-[60px] sm:h-[120px] sm:w-[120px] opacity-10" />
|
|
|
|
<h2 className="text-lg sm:text-xl font-bold">No Progress</h2>
|
|
<p className="my-1 sm:my-2 max-w-[400px] text-gray-500 text-sm sm:text-base">
|
|
Progress will appear here as you start tracking your{' '}
|
|
<a href="/roadmaps" className="mt-4 text-blue-500 hover:underline">
|
|
Roadmaps
|
|
</a>{' '}
|
|
or{' '}
|
|
<a href="/best-practices" className="mt-4 text-blue-500 hover:underline">
|
|
Best Practices
|
|
</a>{' '}
|
|
progress.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|