Disabled Fit-all when there are no objects

concord-consortium · Oct 18, 2024 · 5cc8f68 · 5cc8f68
1 parent 7a207c7
commit 5cc8f68
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/tiles/geometry/geometry-toolbar-registration.tsx b/src/components/tiles/geometry/geometry-toolbar-registration.tsx
@@ -279,9 +279,10 @@ function ZoomOutButton({name}: IToolbarButtonComponentProps) {
   );
 }
 
-function FitAllButton({name}: IToolbarButtonComponentProps) {
+const FitAllButton = observer(function FitAllButton({name}: IToolbarButtonComponentProps) {
   const readOnly = useReadOnlyContext();
-  const { handlers } = useGeometryTileContext();
+  const { content, handlers } = useGeometryTileContext();
+  const disabled = !content || content.objects.size === 0;
 
   function handleClick() {
     if (readOnly) return;
@@ -293,11 +294,12 @@ function FitAllButton({name}: IToolbarButtonComponentProps) {
       name={name}
       title="Fit all"
       onClick={handleClick}
-      >
+      disabled={disabled}
+    >
       <FitAllSvg/>
     </TileToolbarButton>
   );
-}
+});
 
 registerTileToolbarButtons("geometry",
   [