@pascal-app/editor 1.0.6 → 1.1.0

package/src/components/ui/sidebar/panels/site-panel/fence-tree-node.tsx

@@ -1,10 +1,11 @@
-import { type AnyNodeId, type FenceNode, useScene } from '@pascal-app/core'
+import { type AnyNodeId, type FenceNode, useScene, usePascalI18n } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import Image from 'next/image'
 import { memo, useEffect, useState } from 'react'
 import { InlineRenameInput } from './inline-rename-input'
 import { focusTreeNode, handleTreeSelection, TreeNode, TreeNodeWrapper } from './tree-node'
 import { TreeNodeActions } from './tree-node-actions'
+import { nodeLabelDescriptor } from '../../../../../i18n/node-messages'
 
 interface FenceTreeNodeProps {
   nodeId: AnyNodeId
@@ -17,6 +18,7 @@ export const FenceTreeNode = memo(function FenceTreeNode({
   depth,
   isLast,
 }: FenceTreeNodeProps) {
+  const i18n = usePascalI18n()
   const node = useScene((state) => state.nodes[nodeId]) as FenceNode | undefined
   const [isEditing, setIsEditing] = useState(false)
   const [expanded, setExpanded] = useState(true)
@@ -55,7 +57,7 @@ export const FenceTreeNode = memo(function FenceTreeNode({
       isVisible={node.visible !== false}
       label={
         <InlineRenameInput
-          defaultName="Fence"
+          defaultName={i18n._(nodeLabelDescriptor('fence', 'Fence'))}
           isEditing={isEditing}
           nodeId={node.id}
           onStartEditing={() => setIsEditing(true)}

package/src/components/ui/sidebar/panels/site-panel/gutter-tree-node.tsx

@@ -1,4 +1,4 @@
-import { type AnyNodeId, type GutterNode, useScene } from '@pascal-app/core'
+import { type AnyNodeId, type GutterNode, useScene, usePascalI18n } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import Image from 'next/image'
 import { memo, useCallback, useState } from 'react'
@@ -6,6 +6,7 @@ import { SnapTargetIcon } from '../../../snap-target-badge'
 import { InlineRenameInput } from './inline-rename-input'
 import { focusTreeNode, handleTreeSelection, TreeNodeWrapper } from './tree-node'
 import { TreeNodeActions } from './tree-node-actions'
+import { nodeLabelDescriptor } from '../../../../../i18n/node-messages'
 
 interface GutterTreeNodeProps {
   nodeId: AnyNodeId
@@ -18,6 +19,7 @@ export const GutterTreeNode = memo(function GutterTreeNode({
   depth,
   isLast,
 }: GutterTreeNodeProps) {
+  const i18n = usePascalI18n()
   const [isEditing, setIsEditing] = useState(false)
   const isVisible = useScene((s) => s.nodes[nodeId]?.visible !== false)
   const node = useScene((s) => s.nodes[nodeId] as GutterNode | undefined)
@@ -39,7 +41,7 @@ export const GutterTreeNode = memo(function GutterTreeNode({
     [nodeId, setSelection],
   )
 
-  const defaultName = node?.name || 'Gutter'
+  const defaultName = node?.name || i18n._(nodeLabelDescriptor('gutter', 'Gutter'))
 
   return (
     <TreeNodeWrapper