Add Launcher application template and icon system

packages/ui-react/src/AdminNavigationPanel.tsx

@@ -26,6 +26,7 @@ export interface AdminNavigationPanelProps extends Omit<HTMLAttributes<HTMLEleme
   activeId?: string;
   footer?: ReactNode;
   closeLabel?: string;
+  navigationLabel?: string;
   onClose: () => void;
   onItemChange: (id: string) => void;
 }
@@ -38,13 +39,14 @@ export function AdminNavigationPanel({
   activeId,
   footer,
   closeLabel = "Закрыть администрирование",
+  navigationLabel = "Разделы администрирования",
   onClose,
   onItemChange,
   className,
   ...props
 }: AdminNavigationPanelProps) {
   return (
-    <aside className={cn("nodedc-admin-panel", className)} {...props}>
+    <aside className={cn("nodedc-admin-panel", className)} data-has-contexts={contexts.length > 0 ? "true" : undefined} {...props}>
       <header className="nodedc-admin-panel__head">
         <div>
           <p>{eyebrow}</p>
@@ -55,7 +57,7 @@ export function AdminNavigationPanel({
         </button>
       </header>
 
-      <div className="nodedc-admin-panel__contexts">
+      {contexts.length > 0 ? <div className="nodedc-admin-panel__contexts">
         {contexts.map((context) => (
           <div className="nodedc-admin-panel__context-group" key={context.id}>
             {context.groupLabel ? <span className="nodedc-admin-panel__group-label">{context.groupLabel}</span> : null}
@@ -78,9 +80,9 @@ export function AdminNavigationPanel({
             </div>
           </div>
         ))}
-      </div>
+      </div> : null}
 
-      <nav className="nodedc-admin-panel__nav" aria-label="Разделы администрирования">
+      <nav className="nodedc-admin-panel__nav" aria-label={navigationLabel}>
         {items.map((item) => (
           <button
             key={item.id}
@@ -99,4 +101,3 @@ export function AdminNavigationPanel({
     </aside>
   );
 }
-