diff --git a/src/editor/components/spacemanager.tsx b/src/editor/components/spacemanager.tsx index 76ed70861061bf40af0797747e8ac8991b88ca0c..eb391d705aef955ab1bd73c474245d0747334cbe 100644 --- a/src/editor/components/spacemanager.tsx +++ b/src/editor/components/spacemanager.tsx @@ -27,8 +27,9 @@ function SpaceManager({ onDeleteSpace(spaceId); }; + const normalizedNewSpaceName = () => newSpaceName.trim(); const isSpaceCreationAllowed = () => - newSpaceName.length === 0 || spaces.includes(newSpaceName.trim()); + newSpaceName.length === 0 || spaces.includes(normalizedNewSpaceName()); return ( <div id="space-manager"> @@ -45,25 +46,28 @@ function SpaceManager({ <li> <button disabled={isSpaceCreationAllowed()} - onClick={() => onRenameSpace(newSpaceName)} + onClick={() => onRenameSpace(normalizedNewSpaceName())} > - Rename to {'"' + newSpaceName + '"'} + Rename to {'"' + normalizedNewSpaceName() + '"'} </button> </li> <li> <button disabled={isSpaceCreationAllowed()} - onClick={() => onDuplicateSpace(newSpaceName)} + onClick={() => + onDuplicateSpace(normalizedNewSpaceName()) + } > - Duplicate as {'"' + newSpaceName + '"'} + Duplicate as {'"' + normalizedNewSpaceName() + '"'} </button> </li> <li> <button disabled={isSpaceCreationAllowed()} - onClick={() => onCreateSpace(newSpaceName)} + onClick={() => onCreateSpace(normalizedNewSpaceName())} > - Create empty graph {'"' + newSpaceName + '"'} + Create empty graph{" "} + {'"' + normalizedNewSpaceName() + '"'} </button> </li> </ul>