Repository: supabase/supabase
File: apps/studio/components/interfaces/Settings/Infrastructure/UpgradeWarnings.tsx (TypeScript)

Code before:
      <AlertTitle_Shadcn_>
        A new version of Postgres is available for your project
      </AlertTitle_Shadcn_>
      <AlertDescription_Shadcn_>
        You will need to remove all read replicas prior to upgrading your Postgres version to the
        latest available ({latestPgVersion}).
      </AlertDescription_Shadcn_>
    </Alert_Shadcn_>
  )
}

export const ObjectsToBeDroppedWarning = ({
  objectsToBeDropped,
}: {
  objectsToBeDropped: string[]
}) => {
  const { ref } = useParams()
  return (
    <Alert_Shadcn_ title="A newer version of Postgres is available for your project">
      <AlertTitle_Shadcn_>A newer version of Postgres is available</AlertTitle_Shadcn_>
      <AlertDescription_Shadcn_ className="flex flex-col gap-3">
        <>
          <p className="mb-1">
            The following objects are not supported and must be removed before upgrading.{' '}
            <InlineLink
              className="text-foreground-lighter hover:text-foreground transition-colorsrs"
              href={`${DOCS_URL}/guides/platform/upgrading#extensions`}
              target="_blank"
              rel="noopener noreferrer"
            >
              Learn more
            </InlineLink>
          </p>

          {/* Old */}
          <ul className="pl-4 pb-3">
            {objectsToBeDropped.map((obj) => (
              <li className="list-disc" key={obj}>
                {obj}
              </li>
            ))}
          </ul>

          <Button className="w-fit" size="tiny" type="default" asChild>
            <Link href={`/project/${ref}/database/functions`}>Manage functions</Link>
          </Button>
        </>
      </AlertDescription_Shadcn_>
    </Alert_Shadcn_>
  )
}

Review comment (suggestion):
```suggestion
              className="text-foreground-lighter hover:text-foreground transition-colors"
```

Code after:
      <AlertTitle_Shadcn_>
        A new version of Postgres is available for your project
      </AlertTitle_Shadcn_>
      <AlertDescription_Shadcn_>
        You will need to remove all read replicas prior to upgrading your Postgres version to the
        latest available ({latestPgVersion}).
      </AlertDescription_Shadcn_>
    </Alert_Shadcn_>
  )
}

export const ObjectsToBeDroppedWarning = ({
  objectsToBeDropped,
}: {
  objectsToBeDropped: string[]
}) => {
  const { ref } = useParams()
  return (
    <Alert_Shadcn_ title="A newer version of Postgres is available for your project">
      <AlertTitle_Shadcn_>A newer version of Postgres is available</AlertTitle_Shadcn_>
      <AlertDescription_Shadcn_ className="flex flex-col gap-3">
        <>
          <p className="mb-1">
            The following objects are not supported and must be removed before upgrading.{' '}
            <InlineLink
              className="text-foreground-lighter hover:text-foreground transition-colors"
              href={`${DOCS_URL}/guides/platform/upgrading#extensions`}
              target="_blank"
              rel="noopener noreferrer"
            >
              Learn more
            </InlineLink>
          </p>

          {/* Old */}
          <ul className="pl-4 pb-3">
            {objectsToBeDropped.map((obj) => (
              <li className="list-disc" key={obj}>
                {obj}
              </li>
            ))}
          </ul>

          <Button className="w-fit" size="tiny" type="default" asChild>
            <Link href={`/project/${ref}/database/functions`}>Manage functions</Link>
          </Button>
        </>
      </AlertDescription_Shadcn_>
    </Alert_Shadcn_>
  )
}