Răsfoiți Sursa

refactor: rename NameInputAlternativeComponent to TreeNameInput and update its usage

Yuki Takei 4 luni în urmă
părinte
comite
62577946d6

+ 2 - 2
apps/app/src/client/components/Sidebar/PageTreeItem/SimplifiedPageTreeItem.tsx

@@ -14,7 +14,7 @@ import {
   usePageTreeInformationUpdate, usePageRename, usePageCreate,
   usePlaceholderRenameEffect,
 } from '~/features/page-tree';
-import { NameInputAlternativeComponent } from '~/features/page-tree/components';
+import { TreeNameInput } from '~/features/page-tree/components';
 import type { IPageForItem } from '~/interfaces/page';
 import type { OnDeletedFunction, OnDuplicatedFunction } from '~/interfaces/ui';
 import { useCurrentPagePath, useFetchCurrentPage } from '~/states/page';
@@ -152,7 +152,7 @@ export const SimplifiedPageTreeItem: FC<TreeItemProps> = ({
       customEndComponents={[CountBadgeForPageTreeItem]}
       customHoveredEndComponents={[Control, CreateButton]}
       showAlternativeContent={isRenaming(item) || isCreatingPlaceholder(item)}
-      customAlternativeComponents={[NameInputAlternativeComponent]}
+      customAlternativeComponents={[TreeNameInput]}
     />
   );
 };

+ 5 - 5
apps/app/src/features/page-tree/components/TreeNameInput.tsx

@@ -42,7 +42,7 @@ type TreeNameInputProps = {
  * Unified input component for tree item name editing (rename/create)
  * Uses headless-tree's renamingFeature for keyboard handling (Enter/Escape)
  */
-export const TreeNameInput: FC<TreeNameInputProps> = ({
+const TreeNameInputSubstance: FC<TreeNameInputProps> = ({
   inputProps,
   validateName,
   placeholder,
@@ -83,10 +83,10 @@ export const TreeNameInput: FC<TreeNameInputProps> = ({
 };
 
 /**
- * Alternative component for TreeItemLayout that renders TreeNameInput
- * Used for both rename and create operations
+ * Tree item name input component for rename/create mode
+ * Wraps TreeNameInputSubstance with headless-tree's item props
  */
-export const NameInputAlternativeComponent: FC<TreeItemToolProps> = ({
+export const TreeNameInput: FC<TreeItemToolProps> = ({
   item,
 }) => {
   const { t } = useTranslation();
@@ -101,7 +101,7 @@ export const NameInputAlternativeComponent: FC<TreeItemToolProps> = ({
   const placeholder = isCreating ? t('Input page name') : undefined;
 
   return (
-    <TreeNameInput
+    <TreeNameInputSubstance
       inputProps={item.getRenameInputProps()}
       validateName={validateName}
       placeholder={placeholder}