import { Card, CardAction, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { FolderUpIcon, SquareKanbanIcon, PanelTopIcon, BookOpenTextIcon, CircleDollarSignIcon, ClipboardCheckIcon, ImageUpIcon, MailIcon, ListTodoIcon, CookieIcon, PartyPopperIcon, ExternalLinkIcon } from "lucide-react"; import Link from "next/link"; import { Button } from "@/components/ui/button"; import { routes } from "@/lib/routes"; const updates = [ { date: "2025-07-02", type: "Feature", title: "Empty States Pages", description: "Added clean empty state layouts with clear call-to-actions.", icon: , color: "bg-teal-500", url: "#" }, { date: "2025-06-28", type: "Feature", title: "Onboarding Flow Screens", description: "New onboarding screens to guide users step by step.", icon: , color: "bg-green-500", url: "#" }, { date: "2025-06-28", type: "Feature", title: "Finance Dashboard", description: "Track revenue, expenses, and insights in a new dashboard.", icon: , color: "bg-lime-600", url: "#" }, { date: "2025-06-22", type: "Feature", title: "Tasks App", description: "Manage tasks with deadlines, priorities, and progress tracking.", icon: , color: "bg-orange-500", url: "#" }, { date: "2025-06-13", type: "Feature", title: "AI Image Generator", description: "Generate images with AI using prompts and style options.", icon: , color: "bg-blue-500", url: "#" }, { date: "2025-06-13", type: "Feature", title: "Mail App", description: "Responsive mail client with inbox, search, and composer.", icon: , color: "bg-purple-500", url: "#" }, { date: "2025-06-12", type: "Feature", title: "Todo List App", description: "Simple to-do app with categories and quick add support.", icon: , color: "bg-orange-500", url: "#" }, { date: "2025-05-18", type: "Feature", title: "POS App", description: "Point-of-sale app with catalog, orders, and sales tracking.", icon: , color: "bg-yellow-600", url: "#" }, { date: "2024-09-24", type: "Major Release", title: "MyApp First Launch", description: "First release with over 50 components, website templates and dashboard templates.", icon: , color: "bg-gradient-to-r from-blue-600 to-purple-600", url: "#" } ]; export type UpdatesType = (typeof updates)[number]; const Updates = () => { const getTypeColor = (type: string) => { switch (type) { case "Feature": return "bg-green-100 text-green-700 dark:bg-green-950 dark:text-green-300"; case "Enhancement": return "bg-blue-100 text-blue-700"; case "Bug Fix": return "bg-red-100 text-red-700"; case "Major Release": return "bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300"; default: return "bg-gray-100 text-gray-700"; } }; const formatDate = (dateString: string) => { const date = new Date(dateString); return date.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" }); }; return (

Updates

We’re sharing the latest features and major updates to the MyApp on this page. Stay tuned for what’s new!

Last update:{" "} {formatDate(updates.slice(0)[0].date)}

{updates.map((update: UpdatesType, i) => (

{update.icon}

{update.title}

{update.type} {formatDate(update.date)}

{update.url && ( )}

{update.description}

))}

Have suggestions for new features?

); }; export default Updates;