Function bodies 182 total

TenderCardSkeleton function · typescript · L129-L152 (24 LOC)

app/services/global-tenders-hub/page.tsx

function TenderCardSkeleton() {
  return (
    <div className="rounded-2xl p-6 theme-panel animate-pulse">
      <div className="flex items-start justify-between mb-4">
        <div className="flex items-center gap-3">
          <div className="w-10 h-10 rounded-lg bg-gray-200 dark:bg-white/10" />
          <div>
            <div className="h-4 bg-gray-200 dark:bg-white/10 rounded w-32 mb-2" />
            <div className="h-3 bg-gray-200 dark:bg-white/10 rounded w-20" />
          </div>
        </div>
        <div className="h-5 bg-gray-200 dark:bg-white/10 rounded-full w-16" />
      </div>
      <div className="h-4 bg-gray-200 dark:bg-white/10 rounded w-full mb-2" />
      <div className="h-4 bg-gray-200 dark:bg-white/10 rounded w-3/4 mb-4" />
      <div className="h-3 bg-gray-200 dark:bg-white/10 rounded w-full mb-2" />
      <div className="h-3 bg-gray-200 dark:bg-white/10 rounded w-2/3 mb-4" />
      <div className="flex items-center justify-between pt-4 border-t border-gray-100

TenderCard function · typescript · L155-L245 (91 LOC)

app/services/global-tenders-hub/page.tsx

function TenderCard({ tender, locale, onView, onSave, isSaved }: {
  tender: Tender
  locale: string
  onView: (t: Tender) => void
  onSave: (id: string) => void
  isSaved: boolean
}) {
  const isRtl = locale === 'ar'
  const title = isRtl ? tender.titleAr : tender.title
  const desc = isRtl ? tender.descriptionAr : tender.description
  const org = isRtl ? tender.issuingOrganizationAr : tender.issuingOrganization
  const sector = isRtl ? (sectorsAr[tender.sector] || tender.sector) : tender.sector
  const country = isRtl ? tender.countryAr : tender.country
  const flag = countryFlags[tender.country] || ''
  const days = daysUntil(tender.deadline)
  const isUrgent = tender.status === 'Closing Soon'
  const isClosed = tender.status === 'Closed'

  return (
    <div className={`rounded-2xl p-6 theme-panel hover:shadow-lg transition-all group ${isClosed ? 'opacity-70' : ''}`}>
      {/* Header: Org + Status */}
      <div className="flex items-start justify-between gap-3 mb-3">
        <div

TenderDetailModal function · typescript · L248-L451 (204 LOC)

app/services/global-tenders-hub/page.tsx

function TenderDetailModal({ tender, locale, onClose, onSave, isSaved, relatedTenders, onViewRelated }: {
  tender: Tender
  locale: string
  onClose: () => void
  onSave: (id: string) => void
  isSaved: boolean
  relatedTenders: Tender[]
  onViewRelated: (t: Tender) => void
}) {
  const isRtl = locale === 'ar'
  const title = isRtl ? tender.titleAr : tender.title
  const desc = isRtl ? tender.descriptionAr : tender.description
  const org = isRtl ? tender.issuingOrganizationAr : tender.issuingOrganization
  const sector = isRtl ? (sectorsAr[tender.sector] || tender.sector) : tender.sector
  const region = isRtl ? (regionsAr[tender.region] || tender.region) : tender.region
  const country = isRtl ? tender.countryAr : tender.country
  const tenderType = isRtl ? (tenderTypesAr[tender.tenderType] || tender.tenderType) : tender.tenderType
  const requirements = isRtl ? tender.requirementsAr : tender.requirements
  const submissionMethod = isRtl ? tender.submissionMethodAr : tender.submissi

MultiSelect function · typescript · L454-L521 (68 LOC)

app/services/global-tenders-hub/page.tsx

function MultiSelect({ label, options, selected, onChange, locale }: {
  label: string
  options: string[]
  selected: string[]
  onChange: (v: string[]) => void
  locale: string
}) {
  const [open, setOpen] = useState(false)
  const ref = useRef<HTMLDivElement>(null)
  const isRtl = locale === 'ar'

  useEffect(() => {
    const handleClick = (e: MouseEvent) => {
      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false)
    }
    document.addEventListener('mousedown', handleClick)
    return () => document.removeEventListener('mousedown', handleClick)
  }, [])

  const toggle = (val: string) => {
    onChange(selected.includes(val) ? selected.filter(v => v !== val) : [...selected, val])
  }

  return (
    <div ref={ref} className="relative">
      <label className="block text-sm font-medium mb-1.5" style={{ color: 'var(--text-secondary)' }}>{label}</label>
      <button
        onClick={() => setOpen(!open)}
        className="w-full flex items-center justify-b

ESGApplicationPage function · typescript · L5-L7 (3 LOC)

app/services/[id]/apply/page.tsx

export default function ESGApplicationPage() {
  return <ESGAccordionForm />
}

MapSkeleton function · typescript · L42-L51 (10 LOC)