fix(form-builder): hide slug generate button if field has no source

sanity-io · Mar 11, 2021 · da6fc83 · da6fc83 · vercel · Mar 11, 2021
1 parent 981d21d
commit da6fc83
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/Slug/SlugInput.tsx b/packages/@sanity/form-builder/src/inputs/Slug/SlugInput.tsx
@@ -134,16 +134,18 @@ const SlugInput = React.forwardRef(function SlugInput(
                 </Card>
               )}
             </Box>
-            <Box marginLeft={1}>
-              <Button
-                mode="ghost"
-                type="button"
-                disabled={readOnly || isUpdating}
-                onClick={handleGenerateSlug}
-                onFocus={handleFocus}
-                text={generateState?.status === 'pending' ? 'Generating…' : 'Generate'}
-              />
-            </Box>
+            {sourceField && (
+              <Box marginLeft={1}>
+                <Button
+                  mode="ghost"
+                  type="button"
+                  disabled={readOnly || isUpdating}
+                  onClick={handleGenerateSlug}
+                  onFocus={handleFocus}
+                  text={generateState?.status === 'pending' ? 'Generating…' : 'Generate'}
+                />
+              </Box>
+            )}
           </Flex>
         </Stack>
       </FormField>