snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/web/core/components/navigation/project-header-button.tsx

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import type { TPartialProject } from "@plane/types";
+// plane propel imports
+import { Logo } from "@plane/propel/emoji-icon-picker";
+import { ChevronDownOutline } from "@makeplane/propel/icons";
+import { Tooltip } from "@makeplane/propel/components/tooltip";
+
+type TProjectHeaderButtonProps = {
+  project: TPartialProject;
+};
+
+export function ProjectHeaderButton({ project }: TProjectHeaderButtonProps) {
+  return (
+    <Tooltip label={project.name} layout="stacked" side="bottom">
+      <div className="relative flex w-full max-w-48 items-center pr-1 text-left select-none">
+        <div className="flex size-7 flex-shrink-0 items-center justify-center rounded-md bg-layer-1">
+          <Logo logo={project.logo_props} size={16} />
+        </div>
+        <div className="relative min-w-0 flex-1 hover:rounded">
+          <p className="truncate px-2 text-14 font-medium text-secondary">{project.name}</p>
+          <div className="pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-end opacity-0 transition-opacity duration-200 group-hover:opacity-100">
+            <div className="relative flex h-full w-8 items-center justify-end">
+              <div className="absolute inset-0 rounded-r bg-gradient-to-r from-transparent to-surface-2" />
+              <ChevronDownOutline className="relative z-10 size-4 text-tertiary" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </Tooltip>
+  );
+}