Repository: supabase/supabase
File: apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggerList.tsx (TypeScript)

Code before:
    )
  }

  if (_triggers.length === 0 && filterString.length > 0) {
    return (
      <TableRow key={schema}>
        <TableCell colSpan={7}>
          <p className="text-sm text-foreground">No results found</p>
          <p className="text-sm text-foreground-light">
            Your search for "{filterString}" did not return any results
          </p>
        </TableCell>
      </TableRow>
    )
  }

  return (
    <>
      {_triggers.map((x) => (
        <TableRow key={x.id}>
          <TableCell className="space-x-2">
            <Tooltip>
              <TooltipTrigger
                onClick={() => editTrigger(x)}
                className="cursor-pointer text-foreground truncate max-w-48 inline-block"
              >
                {x.name}
              </TooltipTrigger>
              <TooltipContent side="bottom" align="center">
                {x.name}
              </TooltipContent>
            </Tooltip>
          </TableCell>

          <TableCell className="break-all">
            {x.table_id ? (
              <InlineLink
                title={x.table}
                href={`/project/${projectRef}/editor/${x.table_id}`}
                className="truncate block max-w-40"
              >
                {x.table}
              </InlineLink>
            ) : (
              <p title={x.table} className="truncate">
                {x.table}
              </p>
            )}
          </TableCell>

          <TableCell className="space-x-2">

Review comment (suggestion):
Tooltip felt a bit unnecessary. I added `title` (native tooltip as explained above) in the rare case that it is truncated.

Code after:
  if (_triggers.length === 0 && filterString.length > 0) {
    return (
      <TableRow key={schema}>
        <TableCell colSpan={7}>
          <p className="text-sm text-foreground">No results found</p>
          <p className="text-sm text-foreground-light">
            Your search for "{filterString}" did not return any results
          </p>
        </TableCell>
      </TableRow>
    )
  }

  return (
    <>
      {_triggers.map((x) => (
        <TableRow key={x.id}>
          <TableCell className="space-x-2">
            <Button
              type="text"
              onClick={() => editTrigger(x)}
              title={x.name}
              className="text-link-table-cell text-left text-sm min-w-0 p-0 hover:bg-transparent font-medium max-w-48 title"
            >
              {x.name}
            </Button>
          </TableCell>

          <TableCell className="break-all">
            {x.table_id ? (
              <Link
                href={`/project/${projectRef}/editor/${x.table_id}`}
                className="text-link-table-cell block max-w-40 text-foreground-light"
              >
                {x.table}
              </Link>
            ) : (
              <p title={x.table} className="truncate">
                {x.table}
              </p>
            )}
          </TableCell>

          <TableCell className="space-x-2">
            {x.function_name ? (
              <Link
                href={`/project/${projectRef}/database/functions?search=${x.function_name}&schema=${x.function_schema}`}
                className="text-link-table-cell block max-w-40 text-foreground-light"
              >
                {x.function_name}
              </Link>