[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # Local business directory landing page *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/hrq16000-5874s-projects/v0-local-business-directory-landin) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/oDls0GvfxDU) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/hrq16000-5874s-projects/v0-local-business-directory-landin](https://vercel.com/hrq16000-5874s-projects/v0-local-business-directory-landin)** ## Build your app Continue building your app on: **[https://v0.app/chat/oDls0GvfxDU](https://v0.app/chat/oDls0GvfxDU)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescript:file="app/api/categories/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server"; import { NextResponse } from "next/server"; export async function GET() { const supabase = await createClient(); const { data: categories, error } = await supabase .from("categories") .select("*") .is("parent_id", null) .order("listing_count", { ascending: false }); if (error) { return NextResponse.json({ error: error.message }, { status: 500 }); } return NextResponse.json({ categories: categories || [] }); } [V0_FILE]typescript:file="app/api/ocr/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server"; import { generateText } from "ai"; import { NextRequest, NextResponse } from "next/server"; const systemPrompt = `You are an AI assistant that extracts business card information from images. Extract the following fields from the business card image: - business_name: The name of the business or company - owner_name: The name of the person on the card - phone: Phone number (format: just numbers) - whatsapp: WhatsApp number if different from phone (format: just numbers) - email: Email address - website: Website URL - address: Full address - city: City name - state: State abbreviation (e.g., SP, RJ, MG) - description: A brief description of the business based on what you can infer Return ONLY a valid JSON object with these fields. Use null for any field you cannot find. Do not include any markdown formatting or code blocks in your response. Example response: {"business_name":"Dentista Silva","owner_name":"Dr. João Silva","phone":"11999887766","whatsapp":"11999887766","email":"contato@dentistasilva.com.br","website":"www.dentistasilva.com.br","address":"Rua das Flores, 123","city":"São Paulo","state":"SP","description":"Clínica odontológica especializada em implantes e ortodontia."}`; export async function POST(request: NextRequest) { try { const supabase = await createClient(); // Check authentication const { data: { user } } = await supabase.auth.getUser(); if (!user) { return NextResponse.json({ error: "Não autorizado" }, { status: 401 }); } const formData = await request.formData(); const image = formData.get("image") as File; if (!image) { return NextResponse.json({ error: "Imagem não fornecida" }, { status: 400 }); } // Convert image to base64 const bytes = await image.arrayBuffer(); const buffer = Buffer.from(bytes); const base64Image = buffer.toString("base64"); const mimeType = image.type || "image/jpeg"; // Use AI to extract text from image const { text } = await generateText({ model: "openai/gpt-4o-mini", messages: [ { role: "user", content: [ { type: "image", image: `data:${mimeType};base64,${base64Image}`, }, { type: "text", text: "Extract all business information from this business card image. Return only the JSON object.", }, ], }, ], system: systemPrompt, maxTokens: 1000, }); // Parse the response let extractedData; try { // Clean the response in case it has markdown formatting const cleanedText = text.replace(/```json\n?|\n?```/g, "").trim(); extractedData = JSON.parse(cleanedText); } catch { return NextResponse.json( { error: "Não foi possível processar a imagem. Tente uma foto mais clara." }, { status: 400 } ); } return NextResponse.json({ success: true, data: extractedData, }); } catch (error) { console.error("OCR Error:", error); return NextResponse.json( { error: "Erro ao processar imagem" }, { status: 500 } ); } } [V0_FILE]typescript:file="app/api/search/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server"; import { NextRequest, NextResponse } from "next/server"; export async function GET(request: NextRequest) { const searchParams = request.nextUrl.searchParams; const query = searchParams.get("q") || ""; const category = searchParams.get("category") || ""; const city = searchParams.get("city") || ""; const page = parseInt(searchParams.get("page") || "1"); const limit = parseInt(searchParams.get("limit") || "12"); const offset = (page - 1) * limit; const supabase = await createClient(); let queryBuilder = supabase .from("listings") .select( ` *, category:categories(id, name, slug, icon) `, { count: "exact" } ) .eq("status", "active") .order("plan_tier", { ascending: false }) .order("average_rating", { ascending: false }) .order("review_count", { ascending: false }) .range(offset, offset + limit - 1); if (query) { queryBuilder = queryBuilder.or( `title.ilike.%${query}%,description.ilike.%${query}%` ); } if (category) { const { data: categoryData } = await supabase .from("categories") .select("id") .eq("slug", category) .single(); if (categoryData) { queryBuilder = queryBuilder.eq("category_id", categoryData.id); } } if (city) { queryBuilder = queryBuilder.ilike("city", `%${city}%`); } const { data: listings, error, count } = await queryBuilder; if (error) { return NextResponse.json({ error: error.message }, { status: 500 }); } return NextResponse.json({ listings: listings || [], total: count || 0, page, totalPages: Math.ceil((count || 0) / limit), }); } [V0_FILE]typescript:file="app/api/setup-admin/createSampleListings.ts" isMerged="true" import type { SupabaseClient } from "@supabase/supabase-js"; export async function createSampleListings(supabase: SupabaseClient, adminId: string) { // Get category IDs const { data: categories } = await supabase.from("categories").select("id, slug"); if (!categories) return; const getCategoryId = (slug: string) => categories.find(c => c.slug === slug)?.id; const sampleListings = [ { owner_id: adminId, category_id: getCategoryId("tecnologia"), title: "Ping Soluções", slug: "pingsolucoes", description: "Soluções completas em tecnologia para sua empresa. Desenvolvimento de software, suporte técnico, consultoria em TI e muito mais. Atendemos empresas de todos os portes.", phone_primary: "4133333333", phone_whatsapp: "5541999999999", email: "contato@pingsolucoes.com.br", website: "https://pingsolucoes.com.br", address_full: "Rua das Flores, 123, Sala 45, Centro", city: "Curitiba", state: "PR", postal_code: "80010-000", status: "active", plan_tier: "premium", is_verified: true, average_rating: 4.8, review_count: 24, view_count: 1250, contact_count: 89, business_hours: { monday: { open: "08:00", close: "18:00" }, tuesday: { open: "08:00", close: "18:00" }, wednesday: { open: "08:00", close: "18:00" }, thursday: { open: "08:00", close: "18:00" }, friday: { open: "08:00", close: "18:00" }, saturday: null, sunday: null, }, seo_title: "Ping Soluções - Tecnologia e Inovação em Curitiba", seo_description: "Empresa de tecnologia em Curitiba especializada em desenvolvimento de software, suporte técnico e consultoria em TI.", }, { owner_id: adminId, category_id: getCategoryId("dentistas"), title: "Dr. Silva Odontologia", slug: "dr-silva-odontologia", description: "Clínica odontológica com mais de 15 anos de experiência. Oferecemos tratamentos de ortodontia, implantes, clareamento dental e muito mais.", phone_primary: "4132222222", phone_whatsapp: "5541988888888", email: "contato@drsilva.com.br", website: "https://drsilvaodontologia.com.br", address_full: "Av. Brasil, 500, Sala 12, Batel", city: "Curitiba", state: "PR", postal_code: "80420-000", status: "active", plan_tier: "basic", is_verified: true, average_rating: 4.9, review_count: 67, view_count: 2340, contact_count: 156, business_hours: { monday: { open: "08:00", close: "19:00" }, tuesday: { open: "08:00", close: "19:00" }, wednesday: { open: "08:00", close: "19:00" }, thursday: { open: "08:00", close: "19:00" }, friday: { open: "08:00", close: "19:00" }, saturday: { open: "08:00", close: "13:00" }, sunday: null, }, seo_title: "Dr. Silva Odontologia - Dentista em Curitiba", seo_description: "Clínica odontológica em Curitiba. Ortodontia, implantes, clareamento e mais.", }, { owner_id: adminId, category_id: getCategoryId("mecanicos"), title: "Auto Center Premium", slug: "auto-center-premium", description: "Oficina mecânica completa com serviços de manutenção preventiva, troca de óleo, alinhamento, balanceamento, suspensão e muito mais.", phone_primary: "4131111111", phone_whatsapp: "5541977777777", email: "contato@autocenterpremium.com.br", address_full: "Rua XV de Novembro, 1000, Centro", city: "Curitiba", state: "PR", postal_code: "80060-000", status: "active", plan_tier: "free", is_verified: false, average_rating: 4.5, review_count: 42, view_count: 890, contact_count: 67, business_hours: { monday: { open: "07:30", close: "18:00" }, tuesday: { open: "07:30", close: "18:00" }, wednesday: { open: "07:30", close: "18:00" }, thursday: { open: "07:30", close: "18:00" }, friday: { open: "07:30", close: "18:00" }, saturday: { open: "08:00", close: "12:00" }, sunday: null, }, seo_title: "Auto Center Premium - Mecânica em Curitiba", seo_description: "Oficina mecânica em Curitiba. Manutenção preventiva, troca de óleo, alinhamento e balanceamento.", }, { owner_id: adminId, category_id: getCategoryId("restaurantes"), title: "Sabor da Casa", slug: "sabor-da-casa", description: "Restaurante de comida caseira com buffet por quilo. Pratos típicos da culinária brasileira preparados com ingredientes frescos.", phone_primary: "4134444444", phone_whatsapp: "5541966666666", email: "contato@sabordacasa.com.br", address_full: "Rua Marechal Deodoro, 300, Centro", city: "Curitiba", state: "PR", postal_code: "80010-010", status: "active", plan_tier: "premium", is_verified: true, average_rating: 4.7, review_count: 156, view_count: 3200, contact_count: 234, business_hours: { monday: { open: "11:00", close: "15:00" }, tuesday: { open: "11:00", close: "15:00" }, wednesday: { open: "11:00", close: "15:00" }, thursday: { open: "11:00", close: "15:00" }, friday: { open: "11:00", close: "15:00" }, saturday: { open: "11:30", close: "15:00" }, sunday: null, }, seo_title: "Sabor da Casa - Restaurante em Curitiba", seo_description: "Restaurante de comida caseira em Curitiba. Buffet por quilo com pratos típicos brasileiros.", }, { owner_id: adminId, category_id: getCategoryId("advogados"), title: "Advocacia Santos & Associados", slug: "advocacia-santos", description: "Escritório de advocacia especializado em direito civil, trabalhista e empresarial. Mais de 20 anos de experiência. Primeira consulta gratuita.", phone_primary: "4135555555", phone_whatsapp: "5541955555555", email: "contato@santosadvocacia.com.br", website: "https://santosadvocacia.com.br", address_full: "Rua Visconde de Nácar, 800, 10º Andar, Centro", city: "Curitiba", state: "PR", postal_code: "80410-000", status: "active", plan_tier: "basic", is_verified: true, average_rating: 4.6, review_count: 38, view_count: 560, contact_count: 45, business_hours: { monday: { open: "09:00", close: "18:00" }, tuesday: { open: "09:00", close: "18:00" }, wednesday: { open: "09:00", close: "18:00" }, thursday: { open: "09:00", close: "18:00" }, friday: { open: "09:00", close: "17:00" }, saturday: null, sunday: null, }, seo_title: "Santos & Associados - Advogados em Curitiba", seo_description: "Escritório de advocacia em Curitiba. Direito civil, trabalhista e empresarial. Consulta gratuita.", }, ]; // Insert listings one by one, ignoring errors for duplicates for (const listing of sampleListings) { if (listing.category_id) { const { error } = await supabase.from("listings").upsert(listing, { onConflict: "slug", ignoreDuplicates: true, }); if (error) { console.error(`Error inserting ${listing.slug}:`, error.message); } } } } [V0_FILE]typescript:file="app/api/setup-admin/route.ts" isMerged="true" import { createClient } from "@supabase/supabase-js"; import { NextResponse } from "next/server"; import { createSampleListings } from "./createSampleListings"; // Import the createSampleListings function export async function POST(request: Request) { try { const { secret } = await request.json(); // Simple protection - only allow with correct secret if (secret !== "setup-encontreum-admin-2024") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }); } // Use service role key to create admin user const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, { auth: { autoRefreshToken: false, persistSession: false, }, } ); const adminEmail = "admin@encontreum.com"; const adminPassword = "admineu123"; // Check if admin already exists const { data: existingUsers } = await supabaseAdmin.auth.admin.listUsers(); const adminExists = existingUsers?.users?.some( (u) => u.email === adminEmail ); if (adminExists) { // Update the profile to ensure admin role const existingAdmin = existingUsers?.users?.find( (u) => u.email === adminEmail ); if (existingAdmin) { await supabaseAdmin.from("profiles").upsert({ id: existingAdmin.id, full_name: "Administrador", role: "admin", }); } return NextResponse.json({ success: true, message: "Admin já existe. Role atualizada para admin.", credentials: { email: adminEmail, password: adminPassword, }, }); } // Create admin user const { data: authData, error: authError } = await supabaseAdmin.auth.admin.createUser({ email: adminEmail, password: adminPassword, email_confirm: true, // Auto-confirm email user_metadata: { full_name: "Administrador", role: "admin", }, }); if (authError) { console.error("Auth error:", authError); return NextResponse.json({ error: authError.message }, { status: 500 }); } // Create admin profile if (authData.user) { const { error: profileError } = await supabaseAdmin .from("profiles") .upsert({ id: authData.user.id, full_name: "Administrador", role: "admin", }); if (profileError) { console.error("Profile error:", profileError); } // Create sample listings await createSampleListings(supabaseAdmin, authData.user.id); } return NextResponse.json({ success: true, message: "Admin e negócios de exemplo criados!", credentials: { email: adminEmail, password: adminPassword, }, }); } catch (error) { console.error("Setup error:", error); return NextResponse.json( { error: "Erro ao criar admin" }, { status: 500 } ); } } [V0_FILE]typescript:file="app/auth/callback/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server"; import { NextRequest, NextResponse } from "next/server"; export async function GET(request: NextRequest) { const requestUrl = new URL(request.url); const code = requestUrl.searchParams.get("code"); const next = requestUrl.searchParams.get("next") ?? "/painel"; if (code) { const supabase = await createClient(); const { error } = await supabase.auth.exchangeCodeForSession(code); if (!error) { return NextResponse.redirect(new URL(next, requestUrl.origin)); } } // Return the user to an error page with instructions return NextResponse.redirect(new URL("/auth/error", requestUrl.origin)); } [V0_FILE]typescriptreact:file="app/buscar/page.tsx" isMerged="true" 'use client'; import { Suspense, useState } from 'react'; import { useSearchParams } from 'next/navigation'; import Link from 'next/link'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Search, MapPin, Star, Filter } from 'lucide-react'; import { getServices, getCategories } from '@/lib/storage'; function SearchContent() { const searchParams = useSearchParams(); const q = searchParams.get('q') || ''; const category = searchParams.get('category') || ''; const city = searchParams.get('city') || ''; const [filters, setFilters] = useState({ q, category, city }); const categories = getCategories(); const allServices = getServices().filter(s => s.status === 'active'); const filtered = allServices.filter(service => { const matchQuery = !filters.q || service.name.toLowerCase().includes(filters.q.toLowerCase()) || service.description.toLowerCase().includes(filters.q.toLowerCase()); const matchCategory = !filters.category || service.category === filters.category; const matchCity = !filters.city || service.city.toLowerCase().includes(filters.city.toLowerCase()); return matchQuery && matchCategory && matchCity; }); return (

{/* Header */}

Encontre Um

setFilters({ ...filters, q: e.target.value })} className="bg-transparent border-0 outline-none flex-1" />

{/* Filters */}

Filtros

O que procura? setFilters({ ...filters, q: e.target.value })} className="border-gray-300" />

Categoria

Cidade setFilters({ ...filters, city: e.target.value })} className="border-gray-300" />

{/* Results */}

Resultados

{filtered.length} profissional{filtered.length !== 1 ? 's' : ''} encontrado{filtered.length !== 1 ? 's' : ''}

{filtered.length === 0 ? (

Nenhum resultado encontrado

Tente ajustar seus filtros ou{' '} publique seu negócio

) : (

{filtered.map(service => (

{service.name}

{service.city}, {service.state}

{service.description}

{service.rating || 0} ({service.reviews || 0})

))}

)}

); } export default function SearchPage() { return ( Carregando...

}> ); } [V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.995 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.55 0.18 250); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.97 0.005 250); --secondary-foreground: oklch(0.25 0 0); --muted: oklch(0.96 0 0); --muted-foreground: oklch(0.45 0 0); --accent: oklch(0.72 0.19 145); --accent-foreground: oklch(1 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.92 0 0); --input: oklch(0.92 0 0); --ring: oklch(0.55 0.18 250); --chart-1: oklch(0.55 0.18 250); --chart-2: oklch(0.72 0.19 145); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.55 0.18 250); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.55 0.18 250); --whatsapp: oklch(0.72 0.19 145); --whatsapp-foreground: oklch(1 0 0); } .dark { --background: oklch(0.12 0.005 250); --foreground: oklch(0.985 0 0); --card: oklch(0.16 0.005 250); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.16 0.005 250); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.6 0.18 250); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.22 0.01 250); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.22 0.01 250); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.72 0.19 145); --accent-foreground: oklch(1 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.25 0.01 250); --input: oklch(0.25 0.01 250); --ring: oklch(0.6 0.18 250); --chart-1: oklch(0.6 0.18 250); --chart-2: oklch(0.72 0.19 145); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.16 0.005 250); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.6 0.18 250); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.22 0.01 250); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.25 0.01 250); --sidebar-ring: oklch(0.6 0.18 250); --whatsapp: oklch(0.72 0.19 145); --whatsapp-foreground: oklch(1 0 0); } @theme inline { --font-sans: 'Inter', 'Inter Fallback', system-ui, sans-serif; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-whatsapp: var(--whatsapp); --color-whatsapp-foreground: var(--whatsapp-foreground); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescript:file="app/robots.ts" isMerged="true" import { MetadataRoute } from "next"; export default function robots(): MetadataRoute.Robots { return { rules: [ { userAgent: "*", allow: "/", disallow: ["/admin", "/painel", "/auth/", "/api/", "/setup"], }, ], sitemap: "https://encontreum.com.br/sitemap.xml", }; } [V0_FILE]typescript:file="app/sitemap.ts" isMerged="true" import { createClient } from "@/lib/supabase/server"; import { MetadataRoute } from "next"; export default async function sitemap(): Promise { const supabase = await createClient(); const baseUrl = "https://encontreum.com.br"; // Get all active listings const { data: listings } = await supabase .from("listings") .select("slug, updated_at") .eq("status", "active"); // Get all categories const { data: categories } = await supabase .from("categories") .select("slug"); const listingUrls: MetadataRoute.Sitemap = (listings || []).map((listing) => ({ url: `${baseUrl}/${listing.slug}`, lastModified: new Date(listing.updated_at), changeFrequency: "weekly", priority: 0.8, })); const categoryUrls: MetadataRoute.Sitemap = (categories || []).map((category) => ({ url: `${baseUrl}/buscar?category=${category.slug}`, lastModified: new Date(), changeFrequency: "daily", priority: 0.7, })); return [ { url: baseUrl, lastModified: new Date(), changeFrequency: "daily", priority: 1, }, { url: `${baseUrl}/buscar`, lastModified: new Date(), changeFrequency: "daily", priority: 0.9, }, { url: `${baseUrl}/cadastrar`, lastModified: new Date(), changeFrequency: "monthly", priority: 0.6, }, ...listingUrls, ...categoryUrls, ]; } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/admin-dashboard.tsx" isMerged="true" "use client"; import { useState } from "react"; import { useRouter } from "next/navigation"; import Link from "next/link"; import { createClient } from "@/lib/supabase/client"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Textarea } from "@/components/ui/textarea"; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import type { Profile, ListingWithDetails } from "@/lib/types/database"; import { Building2, Users, Star, Eye, MessageCircle, Clock, Check, X, LogOut, BarChart3, AlertCircle, TrendingUp, ChevronRight, } from "lucide-react"; interface AdminDashboardProps { profile: Profile | null; stats: { totalListings: number; activeListings: number; pendingListings: number; totalUsers: number; totalReviews: number; weeklyViews: number; weeklyContacts: number; }; pendingListings: (ListingWithDetails & { owner?: Profile })[]; recentListings: (ListingWithDetails & { owner?: Profile })[]; } export function AdminDashboard({ profile, stats, pendingListings, recentListings, }: AdminDashboardProps) { const router = useRouter(); const supabase = createClient(); const [isProcessing, setIsProcessing] = useState(null); const [rejectDialog, setRejectDialog] = useState<{ open: boolean; listingId: string; listingName: string; }>({ open: false, listingId: "", listingName: "" }); const [rejectReason, setRejectReason] = useState(""); const handleLogout = async () => { await supabase.auth.signOut(); router.push("/"); }; const handleApprove = async (listingId: string) => { setIsProcessing(listingId); try { await supabase .from("listings") .update({ status: "active" }) .eq("id", listingId); router.refresh(); } catch { alert("Erro ao aprovar"); } finally { setIsProcessing(null); } }; const handleReject = async () => { if (!rejectDialog.listingId) return; setIsProcessing(rejectDialog.listingId); try { await supabase .from("listings") .update({ status: "rejected", }) .eq("id", rejectDialog.listingId); setRejectDialog({ open: false, listingId: "", listingName: "" }); setRejectReason(""); router.refresh(); } catch { alert("Erro ao rejeitar"); } finally { setIsProcessing(null); } }; return (

{/* Header */}

Encontre Um Admin

{/* Welcome */}

Painel Administrativo

Gerencie a plataforma e aprove novos negócios

{/* Stats */}

Total de Negócios

{stats.totalListings}

{stats.activeListings} ativos

Pendentes

{stats.pendingListings}

aguardando aprovação

Usuários

{stats.totalUsers}

Visualizações (7d)

{stats.weeklyViews}

{stats.weeklyContacts} contatos

{/* Pending Alert */} {stats.pendingListings > 0 && (

{stats.pendingListings} negócio {stats.pendingListings > 1 ? "s" : ""} aguardando aprovação

)} {/* Main Content */} Pendentes {stats.pendingListings > 0 && ( {stats.pendingListings} )} Recentes {/* Pending Listings */} Negócios Aguardando Aprovação {pendingListings.length > 0 ? (

{pendingListings.map((listing) => (

{listing.category?.icon || "🏢"}

{listing.title}

{listing.category?.name}

{listing.description || "Sem descrição"}

Telefone:{" "} {listing.phone_primary || "—"}

WhatsApp:{" "} {listing.phone_whatsapp || "—"}

Local:{" "} {listing.city ? `${listing.city}, ${listing.state}` : "—"}

Cadastrado:{" "} {new Date(listing.created_at).toLocaleDateString( "pt-BR" )}

{/* Owner Info */}

{listing.owner?.full_name?.charAt(0) || "U"}

{listing.owner?.full_name || "Usuário"}

{listing.owner?.email}

))}

) : (

Tudo em dia!

Não há negócios pendentes de aprovação.

)} {/* Recent Listings */} Negócios Recentes

{recentListings.map((listing) => (

{listing.category?.icon || "🏢"}

{listing.title}

{listing.category?.name} •{" "} {new Date(listing.created_at).toLocaleDateString( "pt-BR" )}

{listing.status === "active" ? "Ativo" : listing.status === "pending" ? "Pendente" : "Rejeitado"}

{listing.view_count}

{listing.contact_count}

{listing.status === "active" && ( )}

))}

{/* Reject Dialog */}