From 93c1e6e3e41641ce12850479de8f5e7eb4493d21 Mon Sep 17 00:00:00 2001
From: claude_code <claude_code@vvzvlad.xyz>
Date: Tue, 23 Jun 2026 01:31:01 +0300
Subject: [PATCH] refactor(ui): replace comments icon with button

Switched the comments ActionIcon to a Button component, using a text label instead of an icon. This improves clarity and aligns the header menu with the current design guidelines.
---
 .../components/header/page-header-menu.tsx    | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/apps/client/src/features/page/components/header/page-header-menu.tsx b/apps/client/src/features/page/components/header/page-header-menu.tsx
index 5a1310db..4636d0b7 100644
--- a/apps/client/src/features/page/components/header/page-header-menu.tsx
+++ b/apps/client/src/features/page/components/header/page-header-menu.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon, Group, Menu, Text, ThemeIcon, Tooltip } from "@mantine/core";
+import { ActionIcon, Button, Group, Menu, Text, ThemeIcon, Tooltip } from "@mantine/core";
 import {
   IconArrowRight,
   IconArrowsHorizontal,
@@ -10,7 +10,6 @@ import {
   IconLink,
   IconList,
   IconMarkdown,
-  IconMessages,
   IconPrinter,
   IconStar,
   IconStarFilled,
@@ -109,16 +108,14 @@ export default function PageHeaderMenu({ readOnly }: PageHeaderMenuProps) {
         <ShareModal readOnly={false} />
       )}
 
-      <Tooltip label={t("Comments")} openDelay={250} withArrow>
-        <ActionIcon
-          variant="subtle"
-          color="dark"
-          aria-label={t("Comments")}
-          {...commentsTriggerProps}
-        >
-          <IconMessages size={20} stroke={2} />
-        </ActionIcon>
-      </Tooltip>
+      <Button
+        variant="subtle"
+        color="dark"
+        size="compact-sm"
+        {...commentsTriggerProps}
+      >
+        {t("Comments")}
+      </Button>
 
       <Tooltip label={t("Table of contents")} openDelay={250} withArrow>
         <ActionIcon