fix(blog): update cta button

[mhartington]

Summary by CodeRabbit

• Documentation

  • Updated styling and layout for the Query Insights announcement blog post.

• Style

  • Refined button link presentation and spacing in blog content.

[coderabbitai]

Walkthrough

The change updates a blog post MDX file by refactoring a Button component from a direct href-based link to using the asChild prop with a nested anchor element. The styling is adjusted from w-fit my-10 to w-1/3 mx-auto hover:no-underline, and a trailing newline is added to the file.

Changes

Cohort / File(s)	Summary
Blog Post Button Refactoring apps/blog/content/blog/announcing-query-insights-for-prisma-postgres/index.mdx	Refactored Button component to use asChild wrapping an anchor element. Updated styling from w-fit my-10 no-underline to w-1/3 mx-auto no-underline hover:no-underline, changing layout from intrinsic sizing with vertical margins to centered one-third width. Added file terminating newline.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title directly addresses the main change: updating a CTA button component in the blog, which aligns with the modification shown in the diff.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

🧹 Nitpick comments (2)

apps/blog/content/blog/announcing-query-insights-for-prisma-postgres/index.mdx (2)

101-101: CTA width is likely too narrow on small screens.

w-1/3 applies at all breakpoints and can compress/wrap “Visit the console.” Consider a responsive width class.

Proposed class update

-  className="no-underline hover:no-underline w-1/3 mx-auto"
+  className="no-underline hover:no-underline w-full sm:w-fit mx-auto"

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In
`@apps/blog/content/blog/announcing-query-insights-for-prisma-postgres/index.mdx`
at line 101, Replace the fixed width utility in the className string
"no-underline hover:no-underline w-1/3 mx-auto" with responsive width utilities
so the CTA doesn't get compressed on small screens; for example change "w-1/3"
to something like "w-full sm:w-2/3 md:w-1/3" (or "w-full sm:w-1/2 md:w-1/3") to
make the button full width on mobile and progressively narrower on larger
breakpoints.

---

110-110: Consider making “X” and “Discord” clickable.

You reference both channels in copy, but no direct links are provided in this line. Adding anchors would improve follow-through.

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In
`@apps/blog/content/blog/announcing-query-insights-for-prisma-postgres/index.mdx`
at line 110, The sentence "More updates are on the way, so stay tuned on our X
or Discord!" should make the channel names clickable; update this MDX line to
replace the plain "X" and "Discord" tokens with proper links (e.g.,
[X](https://twitter.com/your_org) and [Discord](https://discord.gg/your_invite)
or your org's actual URLs) so visitors can click through directly from the text.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In
`@apps/blog/content/blog/announcing-query-insights-for-prisma-postgres/index.mdx`:
- Line 101: Replace the fixed width utility in the className string
"no-underline hover:no-underline w-1/3 mx-auto" with responsive width utilities
so the CTA doesn't get compressed on small screens; for example change "w-1/3"
to something like "w-full sm:w-2/3 md:w-1/3" (or "w-full sm:w-1/2 md:w-1/3") to
make the button full width on mobile and progressively narrower on larger
breakpoints.
- Line 110: The sentence "More updates are on the way, so stay tuned on our X or
Discord!" should make the channel names clickable; update this MDX line to
replace the plain "X" and "Discord" tokens with proper links (e.g.,
[X](https://twitter.com/your_org) and [Discord](https://discord.gg/your_invite)
or your org's actual URLs) so visitors can click through directly from the text.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: a337d48c-736d-4cf8-9acf-a772ebb7f283

📥 Commits

Reviewing files that changed from the base of the PR and between da38f57 and b7e199d.

📒 Files selected for processing (1)

• apps/blog/content/blog/announcing-query-insights-for-prisma-postgres/index.mdx

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blog	Ready	Preview, Comment	Apr 9, 2026 2:37pm
docs	Ready	Preview, Comment	Apr 9, 2026 2:37pm
eclipse	Ready	Preview, Comment	Apr 9, 2026 2:37pm
site	Ready	Preview, Comment	Apr 9, 2026 2:37pm

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	✅ No changes detected	-	Apr 9, 2026, 2:39 PM