fix(google-maps-input): hide edit/delete buttons when readOnly

sanity-io · Jun 7, 2021 · 9bdc7ef · 9bdc7ef
1 parent 257f91b
commit 9bdc7ef
Showing 1 changed file with 19 additions and 17 deletions.
diff --git a/packages/@sanity/google-maps-input/src/input/GeopointInput.tsx b/packages/@sanity/google-maps-input/src/input/GeopointInput.tsx
@@ -187,24 +187,26 @@ class GeopointInput extends React.PureComponent<InputProps, InputState> {
             </ChangeIndicatorCompareValueProvider>
           )}
 
-          <div className={styles.functions}>
-            <ButtonGrid>
-              <Button
-                inverted
-                onClick={this.handleToggleModal}
-                icon={value && EditIcon}
-                ref={this.setEditButton}
-              >
-                {value ? 'Edit' : 'Set location'}
-              </Button>
-
-              {value && (
-                <Button color="danger" icon={TrashIcon} inverted onClick={this.handleClear}>
-                  Remove
+          {!readOnly && (
+            <div className={styles.functions}>
+              <ButtonGrid>
+                <Button
+                  inverted
+                  onClick={this.handleToggleModal}
+                  icon={value && EditIcon}
+                  ref={this.setEditButton}
+                >
+                  {value ? 'Edit' : 'Set location'}
                 </Button>
-              )}
-            </ButtonGrid>
-          </div>
+
+                {value && (
+                  <Button color="danger" icon={TrashIcon} inverted onClick={this.handleClear}>
+                    Remove
+                  </Button>
+                )}
+              </ButtonGrid>
+            </div>
+          )}
 
           {modalOpen && (
             <DefaultDialog