Function bodies 182 total

CustomerApplicationDetail function · typescript · L39-L339 (301 LOC)

app/customer/[id]/page.tsx

export default function CustomerApplicationDetail() {
  const { t } = useI18n()
  const params = useParams()
  const router = useRouter()
  const [application, setApplication] = useState<Application | null>(null)
  const [loading, setLoading] = useState(true)
  const [editing, setEditing] = useState(false)
  const [description, setDescription] = useState('')
  const [submitting, setSubmitting] = useState(false)
  const [aiLoading, setAiLoading] = useState(false)
  const [aiResult, setAiResult] = useState<string | null>(null)

  useEffect(() => {
    fetchApplication()
  }, [params.id])

  async function fetchApplication() {
    try {
      const res = await fetch(`/api/applications/${params.id}`)
      const data = await res.json()
      if (data.success) {
        setApplication(data.application)
        setDescription(data.application.description)
        setAiResult(data.application.aiPrecheckResult)
      }
    } catch (error) {
      console.error('Error fetching application:', er

fetchApplication function · typescript · L55-L69 (15 LOC)

app/customer/[id]/page.tsx

  async function fetchApplication() {
    try {
      const res = await fetch(`/api/applications/${params.id}`)
      const data = await res.json()
      if (data.success) {
        setApplication(data.application)
        setDescription(data.application.description)
        setAiResult(data.application.aiPrecheckResult)
      }
    } catch (error) {
      console.error('Error fetching application:', error)
    } finally {
      setLoading(false)
    }
  }

runAiPrecheck function · typescript · L71-L93 (23 LOC)

app/customer/[id]/page.tsx

  async function runAiPrecheck() {
    if (!description.trim()) return
    setAiLoading(true)
    try {
      const res = await fetch('/api/ai/precheck', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          description,
          sector: application?.sector,
          organizationName: application?.organizationName,
        }),
      })
      const data = await res.json()
      if (data.success) {
        setAiResult(data.result)
      }
    } catch (error) {
      console.error('AI precheck error:', error)
    } finally {
      setAiLoading(false)
    }
  }

handleResubmit function · typescript · L95-L114 (20 LOC)

app/customer/[id]/page.tsx

  async function handleResubmit() {
    if (!description.trim()) return
    setSubmitting(true)
    try {
      const res = await fetch(`/api/applications/${params.id}`, {
        method: 'PUT',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ description, aiPrecheckResult: aiResult }),
      })
      const data = await res.json()
      if (data.success) {
        setApplication(data.application)
        setEditing(false)
      }
    } catch (error) {
      console.error('Resubmit error:', error)
    } finally {
      setSubmitting(false)
    }
  }

NewApplication function · typescript · L14-L277 (264 LOC)

app/customer/new/page.tsx

export default function NewApplication() {
  const { t } = useI18n()
  const router = useRouter()
  const [loading, setLoading] = useState(false)
  const [aiLoading, setAiLoading] = useState(false)
  const [aiResult, setAiResult] = useState<string | null>(null)
  const [errors, setErrors] = useState<Record<string, string>>({})

  const [form, setForm] = useState({
    applicantName: '',
    organizationName: '',
    email: '',
    sector: '',
    description: '',
  })

  function validateForm() {
    const newErrors: Record<string, string> = {}
    if (!form.applicantName.trim()) newErrors.applicantName = t.customer.form.required
    if (!form.organizationName.trim()) newErrors.organizationName = t.customer.form.required
    if (!form.email.trim()) {
      newErrors.email = t.customer.form.required
    } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) {
      newErrors.email = t.customer.form.invalidEmail
    }
    if (!form.sector) newErrors.sector = t.customer.form.required

validateForm function · typescript · L30-L43 (14 LOC)

app/customer/new/page.tsx

  function validateForm() {
    const newErrors: Record<string, string> = {}
    if (!form.applicantName.trim()) newErrors.applicantName = t.customer.form.required
    if (!form.organizationName.trim()) newErrors.organizationName = t.customer.form.required
    if (!form.email.trim()) {
      newErrors.email = t.customer.form.required
    } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) {
      newErrors.email = t.customer.form.invalidEmail
    }
    if (!form.sector) newErrors.sector = t.customer.form.required
    if (!form.description.trim()) newErrors.description = t.customer.form.required
    setErrors(newErrors)
    return Object.keys(newErrors).length === 0
  }

runAiPrecheck function · typescript · L45-L70 (26 LOC)

app/customer/new/page.tsx

  async function runAiPrecheck() {
    if (!form.description.trim()) {
      setErrors({ ...errors, description: t.customer.form.required })
      return
    }
    setAiLoading(true)
    try {
      const res = await fetch('/api/ai/precheck', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          description: form.description,
          sector: form.sector,
          organizationName: form.organizationName,
        }),
      })
      const data = await res.json()
      if (data.success) {
        setAiResult(data.result)
      }
    } catch (error) {
      console.error('AI precheck error:', error)
    } finally {
      setAiLoading(false)
    }
  }

Repobility's GitHub App fixes findings like these · https://github.com/apps/repobility-bot

handleSubmit function · typescript · L72-L95 (24 LOC)

app/customer/new/page.tsx

  async function handleSubmit(e: React.FormEvent) {
    e.preventDefault()
    if (!validateForm()) return

    setLoading(true)
    try {
      const res = await fetch('/api/applications', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          ...form,
          aiPrecheckResult: aiResult,
        }),
      })
      const data = await res.json()
      if (data.success) {
        router.push(`/customer/${data.application.id}`)
      }
    } catch (error) {
      console.error('Submit error:', error)
    } finally {
      setLoading(false)
    }
  }

CustomerDashboard function · typescript · L19-L154 (136 LOC)

app/customer/page.tsx

export default function CustomerDashboard() {
  const { locale, t } = useI18n()
  const [applications, setApplications] = useState<Application[]>([])
  const [loading, setLoading] = useState(true)
  const [esgServiceId, setEsgServiceId] = useState<number | null>(null)

  useEffect(() => {
    fetchApplications()
    fetchESGService()
  }, [])

  async function fetchApplications() {
    try {
      const res = await fetch('/api/applications')
      const data = await res.json()
      if (data.success) {
        setApplications(data.applications)
      }
    } catch (error) {
      console.error('Error fetching applications:', error)
    } finally {
      setLoading(false)
    }
  }

  async function fetchESGService() {
    try {
      const res = await fetch('/api/services?search=Chamber%20ESG%20Label')
      const data = await res.json()
      if (data.services && data.services.length > 0) {
        setEsgServiceId(data.services[0].id)
      }
    } catch (error) {
      console.error(

fetchApplications function · typescript · L30-L42 (13 LOC)

app/customer/page.tsx

  async function fetchApplications() {
    try {
      const res = await fetch('/api/applications')
      const data = await res.json()
      if (data.success) {
        setApplications(data.applications)
      }
    } catch (error) {
      console.error('Error fetching applications:', error)
    } finally {
      setLoading(false)
    }
  }

fetchESGService function · typescript · L44-L54 (11 LOC)

app/customer/page.tsx

  async function fetchESGService() {
    try {
      const res = await fetch('/api/services?search=Chamber%20ESG%20Label')
      const data = await res.json()
      if (data.services && data.services.length > 0) {
        setEsgServiceId(data.services[0].id)
      }
    } catch (error) {
      console.error('Error fetching ESG service:', error)
    }
  }

KPIDashboardPage function · typescript · L33-L182 (150 LOC)

app/dashboard/kpi/page.tsx

export default function KPIDashboardPage() {
  const { t, locale, setLocale, dir } = useI18n()
  const [data, setData] = useState<KPIData | null>(null)
  const [loading, setLoading] = useState(true)
  const dashboardRef = useRef<HTMLDivElement>(null)

  useEffect(() => {
    async function loadData() {
      try {
        const kpiData = await getAllKPIData()
        setData(kpiData)
      } catch (error) {
        console.error('Failed to load KPI data:', error)
      } finally {
        setLoading(false)
      }
    }
    loadData()
  }, [])

  const handleDownloadSnapshot = async () => {
    if (!dashboardRef.current) return

    try {
      // Dynamic import for html2canvas
      const html2canvas = (await import('html2canvas')).default
      const canvas = await html2canvas(dashboardRef.current, {
        backgroundColor: document.documentElement.classList.contains('dark') ? '#0f172a' : '#f8fafc',
        scale: 2
      })

      const link = document.createElement('a')
      link

loadData function · typescript · L40-L49 (10 LOC)

app/dashboard/kpi/page.tsx

    async function loadData() {
      try {
        const kpiData = await getAllKPIData()
        setData(kpiData)
      } catch (error) {
        console.error('Failed to load KPI data:', error)
      } finally {
        setLoading(false)
      }
    }

RootLayout function · typescript · L21-L35 (15 LOC)

app/layout.tsx

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <Providers>{children}</Providers>
      </body>
    </html>
  );
}

AppContent function · typescript · L10-L23 (14 LOC)

app/providers.tsx

function AppContent({ children }: { children: ReactNode }) {
  const { dir } = useI18n()
  const pathname = usePathname()
  const isLandingPage = pathname === '/'

  return (
    // Use CSS variable for background, adapts to dark/light mode
    <div dir={dir} className="min-h-screen" style={{ background: 'var(--bg)' }}>
      <Header />
      <main>{children}</main>
      {!isLandingPage && <AIChatAssistant />}
    </div>
  )
}

Want this analysis on your repo? https://repobility.com/scan/

Providers function · typescript · L25-L33 (9 LOC)

app/providers.tsx

export function Providers({ children }: { children: ReactNode }) {
  return (
    <ThemeProvider>
      <I18nProvider>
        <AppContent>{children}</AppContent>
      </I18nProvider>
    </ThemeProvider>
  )
}

downloadCSV function · typescript · L30-L44 (15 LOC)