refactor(layout/title): rename to note badges

apps/client/src/layouts/desktop_layout.tsx

@@ -49,7 +49,7 @@ import { isExperimentalFeatureEnabled } from "../services/experimental_features.
 import NoteActions from "../widgets/ribbon/NoteActions.jsx";
 import FormattingToolbar from "../widgets/ribbon/FormattingToolbar.jsx";
 import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibbonAdapter.jsx";
-import BreadcrumbBadges from "../widgets/layout/BreadcrumbBadges.jsx";
+import NoteBadges from "../widgets/layout/NoteBadges.jsx";
 import NoteTitleDetails from "../widgets/NoteTitleDetails.jsx";
 import StatusBar from "../widgets/layout/StatusBar.jsx";
 
@@ -85,7 +85,7 @@ export default class DesktopLayout {
             .cssBlock(".title-row > * { margin: 5px; }")
             .child(<NoteIconWidget />)
             .child(<NoteTitleWidget />)
-            .optChild(isNewLayout, <BreadcrumbBadges />)
+            .optChild(isNewLayout, <NoteBadges />)
             .optChild(!isNewLayout, <SpacerWidget baseSize={0} growthFactor={1} />)
             .child(<MovePaneButton direction="left" />)
             .child(<MovePaneButton direction="right" />)

apps/client/src/widgets/dialogs/PopupEditor.tsx

@@ -23,7 +23,7 @@ import ReadOnlyNoteInfoBar from "../ReadOnlyNoteInfoBar";
 import StandaloneRibbonAdapter from "../ribbon/components/StandaloneRibbonAdapter";
 import FormattingToolbar from "../ribbon/FormattingToolbar";
 import MobileEditorToolbar from "../type_widgets/text/mobile_editor_toolbar";
-import BreadcrumbBadges from "../layout/BreadcrumbBadges";
+import NoteBadges from "../layout/NoteBadges";
 import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
 
 const isNewLayout = isExperimentalFeatureEnabled("new-layout");
@@ -69,7 +69,7 @@ export default function PopupEditor() {
                 <Modal
                     title={<>
                         <TitleRow />
-                        {isNewLayout && <BreadcrumbBadges />}
+                        {isNewLayout && <NoteBadges />}
                     </>}
                     customTitleBarButtons={[{
                         iconClassName: "bx-expand-alt",

apps/client/src/widgets/layout/NoteBadges.css

@@ -1,8 +1,8 @@
-.component.breadcrumb-badges {
+.component.note-badges {
     contain: none;
 }
 
-.breadcrumb-badges {
+.note-badges {
     display: flex;
     gap: 5px;
     min-width: 0;

apps/client/src/widgets/layout/NoteBadges.tsx

@@ -1,4 +1,4 @@
-import "./BreadcrumbBadges.css";
+import "./NoteBadges.css";
 
 import clsx from "clsx";
 import { ComponentChildren, MouseEventHandler } from "preact";
@@ -10,9 +10,9 @@ import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean, u
 import Icon from "../react/Icon";
 import { useShareInfo } from "../shared_info";
 
-export default function BreadcrumbBadges() {
+export default function NoteBadges() {
     return (
-        <div className="breadcrumb-badges">
+        <div className="note-badges">
             <ReadOnlyBadge />
             <ShareBadge />
             <ClippedNoteBadge />