From 6c2836192628a548b95b3a6ed1adba2d6ed4133a Mon Sep 17 00:00:00 2001
From: Charles Vien <charles.v@posthog.com>
Date: Tue, 30 Jun 2026 16:06:10 -0700
Subject: [PATCH] add view changelog button to update settings

---
 .../settings/sections/UpdatesSettings.tsx        | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/features/settings/sections/UpdatesSettings.tsx b/packages/ui/src/features/settings/sections/UpdatesSettings.tsx
index 163f3e7cf..25c232274 100644
--- a/packages/ui/src/features/settings/sections/UpdatesSettings.tsx
+++ b/packages/ui/src/features/settings/sections/UpdatesSettings.tsx
@@ -7,6 +7,7 @@ import { useHostTRPC } from "@posthog/host-router/react";
 import { ANALYTICS_EVENTS } from "@posthog/shared";
 import { SettingRow } from "@posthog/ui/features/settings/SettingRow";
 import { useSettingsStore } from "@posthog/ui/features/settings/settingsStore";
+import { useWhatsNewStore } from "@posthog/ui/features/updates/whatsNewStore";
 import { track } from "@posthog/ui/shell/analytics";
 import { logger } from "@posthog/ui/shell/logger";
 import { Badge, Button, Flex, Spinner, Switch, Text } from "@radix-ui/themes";
@@ -103,9 +104,18 @@ export function UpdatesSettings() {
   return (
     <Flex direction="column">
       <SettingRow label="Current version">
-        <Badge size="1" variant="soft" color="gray">
-          {appVersion || "Loading..."}
-        </Badge>
+        <Flex align="center" gap="2">
+          <Button
+            variant="ghost"
+            size="1"
+            onClick={() => useWhatsNewStore.getState().open()}
+          >
+            View changelog
+          </Button>
+          <Badge size="1" variant="soft" color="gray">
+            {appVersion || "Loading..."}
+          </Badge>
+        </Flex>
       </SettingRow>
 
       {updatesEnabled?.enabled ? (