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

apps/web/core/components/common/switcher-label.tsx

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import type { FC } from "react";
+import { Logo } from "@plane/propel/emoji-icon-picker";
+import type { ISvgIcons } from "@plane/propel/icons";
+import type { TLogoProps } from "@plane/types";
+import { getFileURL, truncateText } from "@plane/utils";
+
+type TSwitcherIconProps = {
+  logo_props?: TLogoProps;
+  logo_url?: string;
+  LabelIcon: FC<ISvgIcons>;
+  size?: number;
+  type?: "lucide" | "material";
+};
+
+export function SwitcherIcon({ logo_props, logo_url, LabelIcon, size = 12, type = "lucide" }: TSwitcherIconProps) {
+  if (logo_props?.in_use) {
+    return <Logo logo={logo_props} size={size} type={type} />;
+  }
+
+  if (logo_url) {
+    return (
+      <img
+        src={getFileURL(logo_url)}
+        alt="logo"
+        className="rounded-xs object-cover"
+        style={{ height: size, width: size }}
+      />
+    );
+  }
+  return <LabelIcon height={size} width={size} />;
+}
+
+type TSwitcherLabelProps = {
+  logo_props?: TLogoProps;
+  logo_url?: string;
+  name?: string;
+  LabelIcon: FC<ISvgIcons>;
+  type?: "lucide" | "material";
+};
+
+export function SwitcherLabel(props: TSwitcherLabelProps) {
+  const { logo_props, name, LabelIcon, logo_url, type = "lucide" } = props;
+  return (
+    <div className="flex items-center gap-1 text-secondary">
+      <SwitcherIcon logo_props={logo_props} logo_url={logo_url} LabelIcon={LabelIcon} type={type} />
+      {truncateText(name ?? "", 40)}
+    </div>
+  );
+}