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

Code before:
              <TooltipContent side="bottom" align="center">
                {x.name}
              </TooltipContent>
            </Tooltip>
          </TableCell>

          <TableCell className="break-all">
            {x.table_id ? (
              <Link
                href={`/project/${projectRef}/editor/${x.table_id}`}
                className="truncate text-link"
                title={x.table}
              >
                {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}`}
                className="truncate text-link"
                title={x.function_name}
              >
                {x.function_name}
              </Link>
            ) : (
              <p className="truncate text-foreground-light">-</p>
            )}
          </TableCell>

          <TableCell>
            <div className="flex gap-2 flex-wrap">
              {x.events.map((event: string) => (
                <Badge key={event}>{`${x.activation} ${event}`}</Badge>
              ))}
            </div>
          </TableCell>

          <TableCell className="space-x-2">
            <p title={x.orientation} className="truncate">
              {x.orientation}
            </p>
          </TableCell>

          <TableCell>

Review comment (suggestion):
nit here but we'll also need to consider the function schema the function selected might not be in the public schema (i'll hop on!)

Code after:
              </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">
            {x.function_name ? (
              <InlineLink
                title={x.function_name}
                href={`/project/${projectRef}/database/functions?search=${x.function_name}&schema=${x.function_schema}`}
                className="truncate block max-w-40"
              >
                {x.function_name}
              </InlineLink>
            ) : (
              <p className="truncate text-foreground-light">-</p>
            )}
          </TableCell>

          <TableCell>
            <div className="flex gap-2 flex-wrap">
              {x.events.map((event: string) => (
                <Badge key={event}>{`${x.activation} ${event}`}</Badge>
              ))}
            </div>
          </TableCell>

          <TableCell className="space-x-2">
            <p title={x.orientation} className="truncate">
              {x.orientation}
            </p>
          </TableCell>