TroubleshootingEntries() — supabase Function Reference

Source Code

apps/docs/features/docs/Troubleshooting.ui.tsx lines 121–151

export function TroubleshootingEntries({
  name,
  entries,
}: {
  name: string
  entries: Array<ITroubleshootingEntry>
}) {
  return (
    <div id={TROUBLESHOOTING_CONTAINER_ID} className="@container/troubleshooting">
      <h2 className="sr-only">Matching troubleshooting entries</h2>
      {entries.length === 0 ? (
        <div className="text-center py-12">
          <p className="text-foreground-light text-lg">
            No troubleshooting guides available for {name} yet.
          </p>
        </div>
      ) : (
        <ul className="grid @4xl/troubleshooting:grid-cols-[78%_15%_7%]">
          {entries.map((entry) => (
            <li
              key={entry.data.database_id}
              className="grid grid-cols-subgrid @4xl/troubleshooting:col-span-3"
            >
              <TroubleshootingPreview entry={entry} />
            </li>
          ))}
        </ul>
      )}
    </div>
  )
}