Files
goodgo-platform/apps/web/lib/chuyen-nhuong-api.ts
Ho Ngoc Hai 593d1594bd
Some checks failed
Deploy / Build API Image (push) Failing after 19s
Deploy / Build Web Image (push) Failing after 11s
Security Scanning / Trivy Filesystem Scan (push) Failing after 27s
Deploy / Deploy to Staging (push) Has been skipped
Deploy / Smoke Test Production (push) Has been skipped
Deploy / Deploy to Production (push) Has been skipped
CI / Lint → Typecheck → Test → Build (22) (push) Failing after 11s
CI / E2E Tests (push) Has been skipped
CodeQL Analysis / CodeQL (javascript-typescript) (push) Failing after 37s
Deploy / Build AI Services Image (push) Failing after 10s
E2E Tests / Playwright E2E (push) Failing after 10s
Security Scanning / Dependency Audit (pnpm) (push) Failing after 3s
Security Scanning / Trivy Scan — API Image (push) Failing after 47s
Security Scanning / Trivy Scan — Web Image (push) Failing after 31s
Security Scanning / Trivy Scan — AI Services Image (push) Failing after 32s
Deploy / Smoke Test Staging (push) Has been skipped
Security Scanning / Security Gate (push) Failing after 1s
Deploy / Rollback Staging (push) Has been skipped
Deploy / Rollback Production (push) Has been skipped
refactor(web): replace emoji icons with lucide-react across the app
User directive: avoid emojis for UI chrome; keep the icon language
consistent with the rest of the design system (shadcn + lucide-react).

Swaps
-----
- lib/listing-personas.ts — Persona emojis (👨‍👩‍👧🏡🚇🧑‍💻🌳📈🛡️🏥)
  → Lucide icons (Baby, Home, TrainFront, Laptop, Trees, TrendingUp,
  Shield, HeartPulse). Persona type now carries `icon: LucideIcon`.
- components/neighborhood/types.ts — POI_CATEGORY_CONFIG emojis
  (🏫🏥🚇🛒🍽️🌳) → Lucide (GraduationCap, Stethoscope, TrainFront,
  ShoppingBag, UtensilsCrossed, Trees). Config type tightened to
  `icon: LucideIcon`.
- components/neighborhood/neighborhood-poi-map.tsx — filter pills
  now render <config.icon h-3.5 w-3.5>. Map markers were text-emoji
  (el.textContent = config.icon); replaced with hard-coded inline
  SVG strings per category (POI_MARKER_SVG) since lucide-static
  isn't installed. Marker bumped 28px → 32px for larger hit target.
  Popup now shows only the property name + category label (no
  emoji prefix). closeButton: true + closeOnClick: true for
  better dismissibility.
- listing-detail-client.tsx — PersonaFitCard now renders
  <p.icon h-4 w-4 aria-hidden>.
- transfer / chuyen-nhuong files — category icons (🛋️🧊🖥️🍳🛍️🏠)
  migrated to Lucide (Sofa, Refrigerator, Monitor, ChefHat, Store,
  Home) with type `icon: LucideIcon`.
- Small replacements: inquiries page 📭 → Inbox; kyc page ✓ → Check.

POI popup click fix
-------------------
The inner SVG inside each POI marker was capturing pointer events
before Mapbox's marker-click handler saw them, so clicking a marker
did nothing. Explicit `innerSvg.style.pointerEvents = 'none'` lets
clicks reach the wrapping .poi-marker div that setPopup() is bound
to. Verified via DOM dispatch: click → popup opens with property
name + category + distance + × close.

Verification
------------
- Grep across the 4 scoped files for emoji code points → 0 hits.
- pnpm -w test: 624/624 green.
- Typecheck: no new errors in touched files.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-19 16:01:13 +07:00

189 lines
5.4 KiB
TypeScript

import {
ChefHat,
Home,
Monitor,
Refrigerator,
Sofa,
Store,
type LucideIcon,
} from 'lucide-react';
import { apiClient } from './api-client';
// ─── Types ──────────────────────────────────────────────
export type TransferCategory = 'FURNITURE' | 'APPLIANCE' | 'OFFICE_EQUIPMENT' | 'KITCHEN' | 'PREMISES' | 'FULL_UNIT';
export type TransferCondition = 'NEW' | 'LIKE_NEW' | 'GOOD' | 'FAIR' | 'WORN';
export type TransferListingStatus = 'DRAFT' | 'PENDING_REVIEW' | 'ACTIVE' | 'RESERVED' | 'SOLD' | 'EXPIRED' | 'REJECTED';
export type TransferPricingSource = 'MANUAL' | 'AI_ESTIMATED' | 'NEGOTIABLE';
export interface TransferListingListItem {
id: string;
sellerId: string;
category: TransferCategory;
status: TransferListingStatus;
title: string;
address: string;
district: string;
city: string;
latitude: number;
longitude: number;
askingPriceVND: string; // BigInt serialized as string
aiEstimatePriceVND: string | null;
pricingSource: TransferPricingSource;
isNegotiable: boolean;
areaM2: number | null;
media: { url: string; type: string; order: number; caption?: string }[] | null;
viewCount: number;
inquiryCount: number;
publishedAt: string | null;
itemCount: number;
}
export interface TransferItemData {
id: string;
name: string;
brand: string | null;
modelName: string | null;
category: TransferCategory;
condition: TransferCondition;
purchaseYear: number | null;
originalPriceVND: string | null;
askingPriceVND: string;
aiEstimatePriceVND: string | null;
aiConfidence: number | null;
quantity: number;
dimensions: { widthCm?: number; heightCm?: number; depthCm?: number; weightKg?: number } | null;
media: { url: string; type: string; order: number }[] | null;
notes: string | null;
}
export interface TransferListingDetail {
id: string;
sellerId: string;
category: TransferCategory;
status: TransferListingStatus;
title: string;
description: string | null;
address: string;
ward: string | null;
district: string;
city: string;
latitude: number;
longitude: number;
askingPriceVND: string;
aiEstimatePriceVND: string | null;
aiConfidence: number | null;
pricingSource: TransferPricingSource;
isNegotiable: boolean;
areaM2: number | null;
monthlyRentVND: string | null;
depositMonths: number | null;
remainingLeaseMo: number | null;
businessType: string | null;
footTraffic: string | null;
media: { url: string; type: string; order: number; caption?: string }[] | null;
viewCount: number;
saveCount: number;
inquiryCount: number;
contactPhone: string | null;
contactName: string | null;
items: TransferItemData[];
createdAt: string;
updatedAt: string;
}
export interface TransferStats {
totalListings: number;
totalValue: string;
byCategory: { category: string; count: number; avgPrice: number }[];
byDistrict: { district: string; count: number; avgPrice: number }[];
byStatus: { status: string; count: number }[];
}
export interface PaginatedResult<T> {
data: T[];
total: number;
page: number;
limit: number;
totalPages: number;
}
export interface SearchTransferListingsParams {
q?: string;
category?: TransferCategory;
status?: TransferListingStatus;
district?: string;
city?: string;
minPrice?: number;
maxPrice?: number;
page?: number;
limit?: number;
}
// ─── Labels ─────────────────────────────────────────────
export const CATEGORY_LABELS: Record<TransferCategory, string> = {
FURNITURE: 'Nội thất',
APPLIANCE: 'Thiết bị gia dụng',
OFFICE_EQUIPMENT: 'Thiết bị văn phòng',
KITCHEN: 'Bếp & thiết bị',
PREMISES: 'Mặt bằng',
FULL_UNIT: 'Trọn bộ',
};
export const CATEGORY_ICONS: Record<TransferCategory, LucideIcon> = {
FURNITURE: Sofa,
APPLIANCE: Refrigerator,
OFFICE_EQUIPMENT: Monitor,
KITCHEN: ChefHat,
PREMISES: Store,
FULL_UNIT: Home,
};
export const CONDITION_LABELS: Record<TransferCondition, string> = {
NEW: 'Mới',
LIKE_NEW: 'Như mới',
GOOD: 'Tốt',
FAIR: 'Khá',
WORN: 'Cũ',
};
export const CONDITION_COLORS: Record<TransferCondition, string> = {
NEW: 'bg-green-100 text-green-800',
LIKE_NEW: 'bg-emerald-100 text-emerald-800',
GOOD: 'bg-blue-100 text-blue-800',
FAIR: 'bg-amber-100 text-amber-800',
WORN: 'bg-red-100 text-red-800',
};
export const STATUS_LABELS: Record<TransferListingStatus, string> = {
DRAFT: 'Nháp',
PENDING_REVIEW: 'Chờ duyệt',
ACTIVE: 'Đang đăng',
RESERVED: 'Đã giữ',
SOLD: 'Đã bán',
EXPIRED: 'Hết hạn',
REJECTED: 'Từ chối',
};
// ─── API Functions ──────────────────────────────────────
export const transferApi = {
search: (params: SearchTransferListingsParams = {}) => {
const query = new URLSearchParams();
Object.entries(params).forEach(([key, value]) => {
if (value !== undefined && value !== '') query.append(key, String(value));
});
const qs = query.toString();
return apiClient.get<PaginatedResult<TransferListingListItem>>(
`/transfer/listings${qs ? `?${qs}` : ''}`,
);
},
getById: (id: string) =>
apiClient.get<TransferListingDetail>(`/transfer/listings/${id}`),
getStats: () =>
apiClient.get<TransferStats>('/transfer/stats'),
};