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

plane-src/apps/web/core/components/core/app-header.tsx

@@ -55,7 +55,7 @@ export const AppHeader = observer(function AppHeader(props: AppHeaderProps) {
 
   return (
     <div ref={containerRef} className={cn("fixed right-0 bottom-0 z-[18]", className)} style={dockStyle}>
-      <Row className={cn("flex h-11 w-full items-center gap-2 border-t border-subtle bg-surface-1", rowClassName)}>
+      <Row className={cn("nodedc-bottom-dock flex h-11 w-full items-center gap-2", rowClassName)}>
         <ExtendedAppHeader header={header} />
       </Row>
       {mobileHeader && mobileHeader}

plane-src/apps/web/core/components/core/app-header/primary-action-button.tsx

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import type { ComponentProps } from "react";
+import { useTranslation } from "@plane/i18n";
+import { Button } from "@plane/propel/button";
+import { cn } from "@plane/utils";
+
+type TPrimaryActionButtonProps = ComponentProps<typeof Button>;
+
+export const AppHeaderPrimaryActionButton = (props: TPrimaryActionButtonProps) => {
+  const { children, className, ...buttonProps } = props;
+  const { t } = useTranslation();
+
+  return (
+    <Button
+      variant="primary"
+      size="lg"
+      className={cn("nodedc-toolbar-primary nodedc-toolbar-primary-wide", className)}
+      {...buttonProps}
+    >
+      {children ?? t("app_header.add_task")}
+    </Button>
+  );
+};