UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: дизайн и русификация God Mode

plane-src/apps/admin/components/common/breadcrumb-link.tsx

@@ -11,26 +11,35 @@ type Props = {
   label?: string;
   href?: string;
   icon?: React.ReactNode | undefined;
+  isCurrent?: boolean;
 };
 
 export function BreadcrumbLink(props: Props) {
-  const { href, label, icon } = props;
+  const { href, label, icon, isCurrent = false } = props;
+
+  const content = (
+    <>
+      {icon && <div className="flex h-5 w-5 items-center justify-center overflow-hidden !text-16">{icon}</div>}
+      <div className="relative line-clamp-1 block max-w-[150px] truncate overflow-hidden">{label}</div>
+    </>
+  );
+
   return (
     <Tooltip tooltipContent={label} position="bottom">
-      <li className="flex items-center space-x-2" tabIndex={-1}>
-        <div className="flex flex-wrap items-center gap-2.5">
-          {href ? (
-            <Link className="flex items-center gap-1 text-13 font-medium text-tertiary hover:text-primary" href={href}>
-              {icon && <div className="flex h-5 w-5 items-center justify-center overflow-hidden !text-16">{icon}</div>}
-              <div className="relative line-clamp-1 block max-w-[150px] truncate overflow-hidden">{label}</div>
-            </Link>
-          ) : (
-            <div className="flex cursor-default items-center gap-1 text-13 font-medium text-primary">
-              {icon && <div className="flex h-5 w-5 items-center justify-center overflow-hidden">{icon}</div>}
-              <div className="relative line-clamp-1 block max-w-[150px] truncate overflow-hidden">{label}</div>
-            </div>
-          )}
-        </div>
+      <li className="flex items-center" tabIndex={-1}>
+        {href && !isCurrent ? (
+          <Link className="nodedc-admin-breadcrumb-pill flex items-center gap-1.5 text-13 font-medium" href={href}>
+            {content}
+          </Link>
+        ) : (
+          <div
+            className="nodedc-admin-breadcrumb-pill flex cursor-default items-center gap-1.5 text-13 font-medium"
+            data-current={isCurrent}
+            aria-current={isCurrent ? "page" : undefined}
+          >
+            {content}
+          </div>
+        )}
       </li>
     </Tooltip>
   );