Add getPostHogUrl util for region-aware URLs

Author: charlesvien

apps/code/src/renderer/features/billing/stores/seatStore.ts

@@ -1,5 +1,5 @@
 import { useAuthStore } from "@features/auth/stores/authStore";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+import { getPostHogUrl } from "@shared/utils/urls";
 import type { SeatData } from "@shared/types/seat";
 import { PLAN_FREE, PLAN_PRO } from "@shared/types/seat";
 import { electronStorage } from "@utils/electronStorage";
@@ -52,9 +52,7 @@ function parseFetcherError(
 }
 
 function getBillingUrl(): string {
-  const region = useAuthStore.getState().cloudRegion;
-  const base = region ? getCloudUrlFromRegion(region) : "http://localhost:8010";
-  return `${base}/organization/billing`;
+  return getPostHogUrl("/organization/billing");
 }
 
 function handleSeatError(

apps/code/src/renderer/features/settings/components/sections/GeneralSettings.tsx

@@ -19,7 +19,7 @@ import {
   Text,
 } from "@radix-ui/themes";
 import { useTRPC } from "@renderer/trpc";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+import { getPostHogUrl } from "@shared/utils/urls";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 import type { ThemePreference } from "@stores/themeStore";
 import { useThemeStore } from "@stores/themeStore";
@@ -34,7 +34,6 @@ export function GeneralSettings() {
   const isAuthenticated = useAuthStateValue(
     (state) => state.status === "authenticated",
   );
-  const cloudRegion = useAuthStateValue((state) => state.cloudRegion);
 
   // Appearance state
   const theme = useThemeStore((state) => state.theme);
@@ -214,13 +213,11 @@ export function GeneralSettings() {
     [hedgehogMode, setHedgehogMode],
   );
 
-  const accountUrl = cloudRegion
-    ? `${getCloudUrlFromRegion(cloudRegion)}/settings/user`
-    : null;
+  const accountUrl = getPostHogUrl("/settings/user");
 
   return (
     <Flex direction="column">
-      {isAuthenticated && accountUrl && (
+      {isAuthenticated && (
         <SettingRow
           label="Manage Account"
           description="Manage your account and billing on PostHog"
@@ -505,13 +502,11 @@ export function GeneralSettings() {
 }
 
 function HedgehogDescription() {
-  const cloudRegion = useAuthStateValue((state) => state.cloudRegion);
   const projectId = useAuthStateValue((state) => state.projectId);
 
-  const customizeUrl =
-    cloudRegion && projectId
-      ? `${getCloudUrlFromRegion(cloudRegion)}/project/${projectId}/settings/user-customization`
-      : null;
+  const customizeUrl = projectId
+    ? getPostHogUrl(`/project/${projectId}/settings/user-customization`)
+    : null;
 
   return (
     <Flex direction="column" gap="1">

apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx

@@ -1,4 +1,3 @@
-import { useAuthStore } from "@features/auth/stores/authStore";
 import { useSeatStore } from "@features/billing/stores/seatStore";
 import { useSeat } from "@hooks/useSeat";
 import {
@@ -14,7 +13,7 @@ import {
   Spinner,
   Text,
 } from "@radix-ui/themes";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+import { getPostHogUrl } from "@shared/utils/urls";
 
 export function PlanUsageSettings() {
   const {
@@ -272,11 +271,8 @@ export function PlanUsageSettings() {
               size="1"
               variant="outline"
               onClick={() => {
-                const region = useAuthStore.getState().cloudRegion;
-                const base = region
-                  ? getCloudUrlFromRegion(region)
-                  : "http://localhost:8010";
-                window.open(`${base}/organization/billing`, "_blank");
+                const url = getPostHogUrl("/organization/billing");
+                window.open(url, "_blank");
               }}
             >
               Open

apps/code/src/shared/constants/oauth.ts

@@ -64,6 +64,7 @@ export function getCloudUrlFromRegion(region: CloudRegion): string {
   }
 }
 
+
 export function getOauthClientIdFromRegion(region: CloudRegion): string {
   switch (region) {
     case "us":

apps/code/src/shared/utils/urls.ts

@@ -0,0 +1,10 @@
+import { useAuthStore } from "@features/auth/stores/authStore";
+import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+
+export function getPostHogUrl(path: string): string {
+  const region = useAuthStore.getState().cloudRegion;
+  const base = region
+    ? getCloudUrlFromRegion(region)
+    : "http://localhost:8010";
+  return `${base}${path.startsWith("/") ? path : `/${path}`}`;
+}