UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: унификация нижнего dock и CTA-кнопки

plane-src/apps/web/ce/components/issues/header.tsx

@@ -17,7 +17,6 @@ import {
   WORK_ITEM_TRACKER_ELEMENTS,
 } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/propel/button";
 import { NewTabIcon, WorkItemsIcon } from "@plane/propel/icons";
 import { Tooltip } from "@plane/propel/tooltip";
 import { EIssuesStoreType } from "@plane/types";
@@ -25,6 +24,7 @@ import { Breadcrumbs, Header } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 import { CountChip } from "@/components/common/count-chip";
+import { AppHeaderPrimaryActionButton } from "@/components/core/app-header/primary-action-button";
 // constants
 import { HeaderFilters } from "@/components/issues/filters";
 // helpers
@@ -117,18 +117,14 @@ export const IssuesHeader = observer(function IssuesHeader() {
           />
         </div>
         {canUserCreateIssue && (
-          <Button
-            variant="primary"
-            size="lg"
-            className="nodedc-toolbar-primary nodedc-toolbar-primary-wide"
+          <AppHeaderPrimaryActionButton
             onClick={() => {
               toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
             }}
             data-ph-element={WORK_ITEM_TRACKER_ELEMENTS.HEADER_ADD_BUTTON.WORK_ITEMS}
           >
-            <div className="block sm:hidden">{t("issue.label", { count: 1 })}</div>
-            <div className="hidden sm:block">{t("issue.add.label")}</div>
-          </Button>
+            {t("app_header.add_task")}
+          </AppHeaderPrimaryActionButton>
         )}
       </Header.RightItem>
     </Header>

plane-src/apps/web/ce/components/projects/external-contours/header.tsx

@@ -10,10 +10,10 @@ import { useParams } from "next/navigation";
 import { RefreshCcw } from "lucide-react";
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { Button } from "@plane/propel/button";
 import { TransferIcon } from "@plane/propel/icons";
 import { Breadcrumbs, Header } from "@plane/ui";
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
+import { AppHeaderPrimaryActionButton } from "@/components/core/app-header/primary-action-button";
 import { useProject } from "@/hooks/store/use-project";
 import { useProjectExternalContours } from "@/hooks/store/use-project-external-contours";
 import { useUserPermissions } from "@/hooks/store/user";
@@ -69,14 +69,9 @@ export const ProjectExternalContoursHeader = observer(function ProjectExternalCo
               modalState={createIssueModal}
               handleModalClose={() => setCreateIssueModal(false)}
             />
-            <Button
-              variant="primary"
-              size="lg"
-              onClick={() => setCreateIssueModal(true)}
-              className="nodedc-external-primary-button min-w-[14rem]"
-            >
-              {t("external_contours_page.header.add_request")}
-            </Button>
+            <AppHeaderPrimaryActionButton onClick={() => setCreateIssueModal(true)}>
+              {t("app_header.add_task")}
+            </AppHeaderPrimaryActionButton>
           </div>
         ) : null}
       </Header.RightItem>