Docs links use the pathBuilder

apps/webapp/app/components/integrations/ConnectToIntegrationSheet.tsx

@@ -3,8 +3,12 @@ import {
   ApiAuthenticationMethodApiKey,
   Integration,
 } from "~/services/externalApis/types";
-import { Header1, Header2 } from "../primitives/Headers";
+import { docsIntegrationPath } from "~/utils/pathBuilder";
+import { LinkButton } from "../primitives/Buttons";
+import { Header2 } from "../primitives/Headers";
 import { NamedIconInBox } from "../primitives/NamedIcon";
+import { Paragraph } from "../primitives/Paragraph";
+import { RadioGroup, RadioGroupItem } from "../primitives/RadioButton";
 import {
   Sheet,
   SheetBody,
@@ -12,12 +16,9 @@ import {
   SheetHeader,
   SheetTrigger,
 } from "../primitives/Sheet";
-import { RadioGroup, RadioGroupItem } from "../primitives/RadioButton";
 import { ApiKeyHelp } from "./ApiKeyHelp";
 import { CustomHelp } from "./CustomHelp";
 import { SelectOAuthMethod } from "./SelectOAuthMethod";
-import { Paragraph } from "../primitives/Paragraph";
-import { LinkButton } from "../primitives/Buttons";
 
 type IntegrationMethod = "apikey" | "oauth2" | "custom";
 
@@ -26,7 +27,7 @@ export function ConnectToIntegrationSheet({
   organizationId,
   button,
   className,
-  callbackUrl
+  callbackUrl,
 }: {
   integration: Integration;
   organizationId: string;
@@ -55,7 +56,7 @@ export function ConnectToIntegrationSheet({
             )}
           </div>
           <LinkButton
-            to={`https://trigger.dev/docs/integrations/${integration.identifier}`}
+            to={docsIntegrationPath(integration.identifier)}
             variant="secondary/small"
             LeadingIcon="docs"
           >
@@ -115,7 +116,7 @@ function SelectedIntegrationMethod({
   integration,
   organizationId,
   method,
-  callbackUrl
+  callbackUrl,
 }: {
   integration: Integration;
   organizationId: string;

apps/webapp/app/components/navigation/NavBar.tsx

@@ -7,6 +7,7 @@ import { Feedback } from "../Feedback";
 import { LogoIcon } from "../LogoIcon";
 import { LinkButton } from "../primitives/Buttons";
 import { Breadcrumb } from "./Breadcrumb";
+import { docsRoot } from "~/utils/pathBuilder";
 
 export function NavBar() {
   return (
@@ -20,7 +21,7 @@ export function NavBar() {
       </div>
       <div className="hidden items-center gap-2 sm:flex">
         <LinkButton
-          to="https://docs.trigger.dev"
+          to={docsRoot()}
           variant="secondary/small"
           LeadingIcon={BookOpenIcon}
         >
@@ -75,7 +76,7 @@ function MobileDropdownMenu() {
             className="absolute inset-x-6 top-0 mt-20 flex origin-top flex-col gap-4 rounded-md bg-slate-800 p-4 text-lg tracking-tight text-slate-900 shadow-xl ring-1 ring-slate-700"
           >
             {/* <PrimaryA
-              href="https://docs.trigger.dev"
+              href={docsRoot()}
               target="_blank"
               className="max-w-full"
             >

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.integrations/route.tsx

@@ -49,6 +49,7 @@ import { formatDateTime } from "~/utils";
 import { Handle } from "~/utils/handle";
 import {
   ProjectParamSchema,
+  docsCreateIntegration,
   docsPath,
   integrationClientPath,
 } from "~/utils/pathBuilder";
@@ -85,7 +86,7 @@ export default function Integrations() {
           <PageTitle title="Integrations" />
           <PageButtons>
             <LinkButton
-              to={docsPath("/integrations/create")}
+              to={docsCreateIntegration()}
               variant="secondary/small"
               LeadingIcon="docs"
             >

apps/webapp/app/utils/pathBuilder.ts

@@ -248,8 +248,14 @@ export function runCompletedPath(
 }
 
 // Docs
-const docsRoot = "https://docs.trigger.dev";
-
-export function docsPath(path: string) {
-  return `${docsRoot}${path}`;
+export function docsRoot() {
+  return "https://docs.trigger.dev";
+}
+
+export function docsIntegrationPath(api: string) {
+  return `${docsRoot()}/integrations/apis/${api}`;
+}
+
+export function docsCreateIntegration() {
+  return `${docsRoot()}/integrations/create`;
 }