@create-lft-app/nextjs 1.0.2 → 3.0.0

package/template/src/app/dashboard/page.tsx

@@ -1,111 +0,0 @@
-import { Widget, WidgetGrid } from "@/components/dashboard/widget"
-import {
-  Users,
-  DollarSign,
-  Activity,
-  TrendingUp,
-  Building2,
-  FileText,
-  AlertCircle,
-  CheckCircle,
-} from "lucide-react"
-
-function getGreeting(): string {
-  const hour = new Date().getHours()
-  if (hour >= 5 && hour < 12) return "Buenos días"
-  if (hour >= 12 && hour < 19) return "Buenas tardes"
-  return "Buenas noches"
-}
-
-export default function DashboardPage() {
-  const greeting = getGreeting()
-
-  return (
-    <div className="flex flex-col h-screen">
-      {/* Header */}
-      <header className="h-[70px] flex items-center border-b border-border px-6">
-        <div>
-          <h1 className="text-lg font-medium">Dashboard</h1>
-          <p className="text-xs text-[#878787]">Resumen de actividad</p>
-        </div>
-      </header>
-
-      {/* Content */}
-      <div className="flex-1 overflow-auto p-6">
-        {/* Greeting */}
-        <div className="mb-8">
-          <h2 className="text-[28px] font-medium leading-tight">
-            {greeting}{" "}
-            <span className="text-[#606060]">Usuario,</span>
-          </h2>
-          <p className="text-[#878787] text-sm mt-1">
-            aquí está el resumen de tu actividad.
-          </p>
-        </div>
-
-        {/* Widgets Grid */}
-        <WidgetGrid>
-          <Widget
-            title="Usuarios Activos"
-            icon={<Users className="h-4 w-4" />}
-            value="1,234"
-            subValue="usuarios registrados"
-            trend={{ value: 12.5, positive: true }}
-            href="/admin/users"
-          />
-          <Widget
-            title="Ingresos"
-            icon={<DollarSign className="h-4 w-4" />}
-            value="$45,231"
-            subValue="este mes"
-            trend={{ value: 8.2, positive: true }}
-            variant="success"
-          />
-          <Widget
-            title="Organizaciones"
-            icon={<Building2 className="h-4 w-4" />}
-            value="89"
-            subValue="organizaciones activas"
-            trend={{ value: 3.1, positive: true }}
-            href="/admin/organizations"
-          />
-          <Widget
-            title="Actividad"
-            icon={<Activity className="h-4 w-4" />}
-            value="2,345"
-            subValue="eventos hoy"
-            trend={{ value: 5.4, positive: true }}
-          />
-          <Widget
-            title="Documentos Pendientes"
-            icon={<FileText className="h-4 w-4" />}
-            value="23"
-            subValue="requieren revisión"
-            variant="warning"
-          />
-          <Widget
-            title="Alertas"
-            icon={<AlertCircle className="h-4 w-4" />}
-            value="5"
-            subValue="alertas activas"
-            variant="danger"
-          />
-          <Widget
-            title="Tareas Completadas"
-            icon={<CheckCircle className="h-4 w-4" />}
-            value="156"
-            subValue="esta semana"
-            variant="success"
-          />
-          <Widget
-            title="Crecimiento"
-            icon={<TrendingUp className="h-4 w-4" />}
-            value="+24%"
-            subValue="vs mes anterior"
-            trend={{ value: 24, positive: true }}
-          />
-        </WidgetGrid>
-      </div>
-    </div>
-  )
-}

package/template/src/components/dashboard/widget.tsx

@@ -1,113 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-import Link from 'next/link'
-
-interface WidgetProps {
-	title: string
-	icon: React.ReactNode
-	description?: string
-	value: string | number
-	subValue?: string
-	href?: string
-	trend?: {
-		value: number
-		positive?: boolean
-	}
-	variant?: 'default' | 'warning' | 'danger' | 'success'
-	children?: React.ReactNode
-}
-
-export function Widget({
-	title,
-	icon,
-	description,
-	value,
-	subValue,
-	href,
-	trend,
-	variant = 'default',
-	children,
-}: WidgetProps) {
-	const content = (
-		<div
-			className={cn(
-				'bg-background border border-border p-4 h-[180px] flex flex-col justify-between transition-all duration-200',
-				href && 'cursor-pointer hover:bg-accent/50 hover:border-border/80',
-			)}
-		>
-			<div>
-				<div className="flex items-center gap-2 mb-3">
-					<span className="text-[#606060]">{icon}</span>
-					<h3 className="text-xs text-[#606060] font-medium uppercase tracking-wide">{title}</h3>
-				</div>
-
-				{description && (
-					<p className="text-sm text-[#878787]">{description}</p>
-				)}
-			</div>
-
-			<div>
-				{children ? (
-					children
-				) : (
-					<div className="flex flex-col gap-1">
-						<div className="flex items-baseline gap-2">
-							<span
-								className={cn(
-									'text-3xl font-medium tabular-nums',
-									variant === 'danger' && 'text-destructive',
-									variant === 'warning' && 'text-yellow-500',
-									variant === 'success' && 'text-green-500',
-								)}
-							>
-								{value}
-							</span>
-							{trend && (
-								<span
-									className={cn(
-										'text-xs',
-										trend.positive ? 'text-green-500' : 'text-destructive'
-									)}
-								>
-									{trend.positive ? '+' : ''}{trend.value}%
-								</span>
-							)}
-						</div>
-						{subValue && (
-							<span className="text-xs text-[#878787]">{subValue}</span>
-						)}
-					</div>
-				)}
-
-				{href && (
-					<span className="text-xs text-[#878787] group-hover:text-foreground transition-colors mt-2 block">
-						Ver más →
-					</span>
-				)}
-			</div>
-		</div>
-	)
-
-	if (href) {
-		return (
-			<Link href={href} className="group">
-				{content}
-			</Link>
-		)
-	}
-
-	return content
-}
-
-interface WidgetGridProps {
-	children: React.ReactNode
-}
-
-export function WidgetGrid({ children }: WidgetGridProps) {
-	return (
-		<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-			{children}
-		</div>
-	)
-}