Replit Agent
5d40b0d3c2
Reskin the EHSAN POC to match ehsan.sa and gate the admin area behind a simple POC login. - Official header: cropped EHSAN logo, nav (الرئيسية/الوقف/فرص التبرع/ خدماتنا dropdown→طلب دعم/عن إحسان/براعم إحسان), login/cart/search icons, language toggle, mobile menu. Functional items link; rest are visual-only. - Colors: green primary tuned + orange accent token added in index.css. - Auth: AuthContext (localStorage, admin/admin) + login page; /admin and /whatsapp-log now behind a Protected wrapper redirecting to /login. - Redesigned OpportunityCard (photo, green progress bar with %, category badge, تم جمع/المبلغ المتبقي columns, inline donate button + amount), used on home and opportunities pages. - Two-step donate page (التفاصيل → الدفع): step indicator, presets 100/50/10, custom amount (prefilled via ?amount=), "تبرع عن أهلك" checkbox, donor form (phone min 10 for OpenClaw loop). - 8 need-type card images added; needImages helper maps need→image. - Seed: added published opportunities (req-012..017) with partial progress to showcase cards; one kept near-full for an easy closed-loop demo. Deviation (from code review): donate handler now ACCUMULATES collectedAmount and clamps to target, validates finite/positive amount, and only advances to the closed-loop pipeline when a case is fully funded (previously overwrote and force-advanced — broke partial-progress cases). Donate buttons kept green to match the reference; orange is an accent only.
24 lines
691 B
TypeScript
24 lines
691 B
TypeScript
import electricity from "../assets/needs/electricity.png";
|
|
import water from "../assets/needs/water.png";
|
|
import food from "../assets/needs/food.png";
|
|
import health from "../assets/needs/health.png";
|
|
import housing from "../assets/needs/housing.png";
|
|
import refrigerator from "../assets/needs/refrigerator.png";
|
|
import air_conditioner from "../assets/needs/air_conditioner.png";
|
|
import court_order from "../assets/needs/court_order.png";
|
|
|
|
const NEED_IMAGES: Record<string, string> = {
|
|
electricity,
|
|
water,
|
|
food,
|
|
health,
|
|
housing,
|
|
refrigerator,
|
|
air_conditioner,
|
|
court_order,
|
|
};
|
|
|
|
export function getNeedImage(needType: string): string {
|
|
return NEED_IMAGES[needType] || food;
|
|
}
|