Merge branch 'docs/6.11.0' of github.com:prisma/docs into docs/6.11.0

Author: nikolasburk

src/components/promo.tsx

@@ -7,55 +7,55 @@ export const Promo = () => {
 
   const promoOptions: PromoOptions = [
     {
-      text: `Running a serverless backend? You need a managed connection pool.`,
-      link: "https://pris.ly/sidebar-promo/managed-connection-pool",
+      text: `Get a Postgres db in 3 clicks →`,
+      link: "https://pris.ly/sidebar-promo/pg-3-clicks",
       color: "teal",
     },
     {
-      text: `Want to make your database perform globally?`,
-      link: "https://pris.ly/sidebar-promo/make-your-db-global",
-      color: "teal",
+      text: `Try Prisma Postgres, our serverless db`,
+      link: "https://pris.ly/sidebar-promo/pg-from-prisma",
+      color: "indigo",
     },
     {
-      text: `Need your database queries to be 1000x faster?`,
-      link: "https://pris.ly/sidebar-promo/queries-1000x-faster",
+      text: `Try Prisma Postgres. No cold starts, just hot queries.`,
+      link: "https://pris.ly/sidebar-promo/hot-queries",
       color: "teal",
     },
     {
-      text: `Interested in query caching in just a few lines of code?`,
-      link: "https://pris.ly/sidebar-promo/caching-few-lines-of-code",
-      color: "teal",
+      text: `Yes, we have a database! Try Prisma Postgres →`,
+      link: "https://pris.ly/sidebar-promo/yes-ppg",
+      color: "indigo",
     },
     {
-      text: `Easily identify and fix slow SQL queries in your app.`,
-      link: "https://pris.ly/sidebar-promo/identify-fix-sql-queries",
+      text: `Running a serverless backend? You need a managed connection pool.`,
+      link: "https://pris.ly/sidebar-promo/managed-connection-pool",
       color: "teal",
     },
     {
-      text: `Looking to uncover inefficient database operations?`,
-      link: "https://pris.ly/sidebar-promo/inefficient-db-operations",
-      color: "indigo",
-    },
-    {
-      text: `Curious about the SQL queries Prisma ORM generates?`,
-      link: "https://pris.ly/sidebar-promo/sql-queries-in-orm",
+      text: `Want to decrease global latency for your db queries?`,
+      link: "https://pris.ly/sidebar-promo/make-your-db-global",
       color: "teal",
     },
     {
-      text: `Need to improve app performance? Get tailored recommendations.`,
-      link: "https://pris.ly/sidebar-promo/tailored-recommendations",
+      text: `Need your database queries to be 1000x faster?`,
+      link: "https://pris.ly/sidebar-promo/queries-1000x-faster",
       color: "teal",
     },
     {
-      text: `Your db queries could be faster? Let Optimize figure out why. `,
-      link: "https://pris.ly/sidebar-promo/faster-db-queries",
+      text: `Implement query caching in just a few lines of code →`,
+      link: "https://pris.ly/sidebar-promo/caching-few-lines-of-code",
       color: "teal",
     },
     {
       text: `Using Raycast? Try our "docs search" extension. `,
       link: "https://pris.ly/sidebar-promo/raycast-extension",
       color: "indigo",
     },
+    {
+      text: `Try the MCP server with your favorite AI tool →`,
+      link: "https://pris.ly/sidebar-promo/mcp",
+      color: "indigo",
+    },
   ];
 
   let promo = promoOptions[Math.floor(Math.random() * promoOptions.length)];

src/css/custom.css

@@ -164,7 +164,7 @@ pre {
 }
 
 .theme-doc-sidebar-container {
-  margin-top: -96px !important;
+  margin-top: -80px !important;
 }
 
 .menu__list-item-collapsible:hover,

src/theme/DocSidebar/Desktop/Content/index.tsx

@@ -23,7 +23,7 @@ function useShowAnnouncementBar() {
   return isActive && showAnnouncementBar;
 }
 
-export default function DocSidebarDesktopContent({ path, sidebar, className }: Props): JSX.Element {
+export default function DocSidebarDesktopContent({ path, sidebar, className, promo }: Props & { promo: boolean }): JSX.Element {
   const showAnnouncementBar = useShowAnnouncementBar();
 
   return (
@@ -36,6 +36,7 @@ export default function DocSidebarDesktopContent({ path, sidebar, className }: P
       className={clsx(
         "menu thin-scrollbar",
         styles.menu,
+        promo && styles.hasPromo,
         showAnnouncementBar && styles.menuWithAnnouncementBar,
         className
       )}

src/theme/DocSidebar/Desktop/Content/styles.module.css

@@ -13,4 +13,8 @@
   .menuWithAnnouncementBar {
     margin-bottom: var(--docusaurus-announcement-bar-height);
   }
+  
+  .hasPromo {
+    margin-top: -16px;
+  }
 }

src/theme/DocSidebar/Desktop/index.tsx

@@ -19,7 +19,7 @@ function DocSidebarDesktop({ path, sidebar, onCollapse, isHidden }: Props) {
   } = useThemeConfig();
 
   let location = useLocation();
-
+  const hasPromo = (location.pathname.split("/")[1] == "orm" || location.pathname.split("/")[2] == "orm");
   return (
     <div
       className={clsx(
@@ -29,10 +29,10 @@ function DocSidebarDesktop({ path, sidebar, onCollapse, isHidden }: Props) {
       )}
     >
       {hideOnScroll && <Logo tabIndex={-1} className={styles.sidebarLogo} />}
-      {(location.pathname.split("/")[1] == "orm" || location.pathname.split("/")[2] == "orm") && (
+      {hasPromo && (
         <Promo />
       )}
-      <Content path={path} sidebar={sidebar} />
+      <Content path={path} sidebar={sidebar} promo={hasPromo} />
       {hideable && <CollapseButton onClick={onCollapse} />}
     </div>
   );

src/theme/Tabs/index.tsx

@@ -93,11 +93,11 @@ function TabContent({
     }
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
+  console.log("code: " + code)
 
   return (
     <div
       className={clsx(
-        "margin-top--md",
         transparent && styles.transparent,
         code && styles.code,
         fullWidth && styles[`full-width`]
@@ -118,6 +118,7 @@ function TabContent({
 
 function TabsComponent(props) {
   const tabs = useTabs(props);
+  console.log(props)
   return (
     <div className={clsx("tabs-container", styles.tabList)}>
       <TabList {...props} {...tabs} />

src/theme/Tabs/styles.module.scss

@@ -19,6 +19,7 @@
 }
 
 .code {
+  margin-top: 0 !important;
   pre {
     border-top-left-radius: 0;
     padding-bottom: 0 !important;