@pascal-app/editor 0.6.0 → 0.8.0

package/src/components/ui/panels/wall-panel.tsx

@@ -3,16 +3,16 @@
 import {
   type AnyNode,
   type AnyNodeId,
-  getEffectiveWallSurfaceMaterial,
   getClampedWallCurveOffset,
+  getEffectiveWallSurfaceMaterial,
   getMaxWallCurveOffset,
   getWallCurveLength,
   getWallSurfaceMaterialSignature,
-  normalizeWallCurveOffset,
   type MaterialSchema,
+  normalizeWallCurveOffset,
   useScene,
-  type WallSurfaceSide,
   type WallNode,
+  type WallSurfaceSide,
 } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { Move, Spline } from 'lucide-react'
@@ -142,15 +142,17 @@ export function WallPanel() {
 
   const handleMaterialPresetChange = useCallback(
     (materialPreset: string) => {
-      if (!node || !materialTargetSide) return
-      handleUpdate(buildWallSurfaceMaterialPatch(node, materialTargetSide, undefined, materialPreset))
+      if (!(node && materialTargetSide)) return
+      handleUpdate(
+        buildWallSurfaceMaterialPatch(node, materialTargetSide, undefined, materialPreset),
+      )
     },
     [handleUpdate, materialTargetSide, node],
   )
 
   const handleCustomMaterialChange = useCallback(
     (material: MaterialSchema) => {
-      if (!node || !materialTargetSide) return
+      if (!(node && materialTargetSide)) return
       handleUpdate(buildWallSurfaceMaterialPatch(node, materialTargetSide, material, undefined))
     },
     [handleUpdate, materialTargetSide, node],
@@ -238,11 +240,11 @@ export function WallPanel() {
       </PanelSection>
 
       <PanelSection title="Material">
-        {!materialTargetSide ? (
+        {materialTargetSide ? null : (
           <div className="mb-3 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-[11px] text-muted-foreground">
             Click the wall face you want to edit. Materials now apply to one side at a time.
           </div>
-        ) : null}
+        )}
         <MaterialPicker
           disabled={!materialTargetSide}
           hideSideControl