Hide save bar if no action is available (#735)

src/attributes/components/AttributePage/AttributePage.tsx

@@ -136,7 +136,7 @@ const AttributePage: React.FC<AttributePageProps> = ({
 
   return (
     <Form initial={initialForm} onSubmit={handleSubmit}>
-      {({ change, data, submit }) => {
+      {({ change, data, hasChanged, submit }) => {
         const changeMetadata = makeMetadataChangeHandler(change);
 
         return (
@@ -185,7 +185,7 @@ const AttributePage: React.FC<AttributePageProps> = ({
               </div>
             </Grid>
             <SaveButtonBar
-              disabled={disabled}
+              disabled={disabled || !hasChanged}
               state={saveButtonBarState}
               onCancel={onBack}
               onSave={submit}

src/components/SaveButtonBar/SaveButtonBar.tsx

@@ -80,12 +80,14 @@ export const SaveButtonBar: React.FC<SaveButtonBarProps> = props => {
   const scrollPosition = useWindowScroll();
   const scrolledToBottom =
     scrollPosition.y + window.innerHeight >= document.body.scrollHeight;
+  const shouldDisplay = onDelete || !disabled;
 
   return (
     <AppActionContext.Consumer>
       {anchor =>
         anchor ? (
           <Portal container={anchor.current}>
+            {shouldDisplay && (
               <div className={classes.root} {...rest}>
                 <Container>
                   <Card elevation={scrolledToBottom ? 0 : 16}>
@@ -129,6 +131,7 @@ export const SaveButtonBar: React.FC<SaveButtonBarProps> = props => {
                   </Card>
                 </Container>
               </div>
+            )}
           </Portal>
         ) : null
       }

src/taxes/components/CountryListPage/CountryListPage.tsx

@@ -47,7 +47,7 @@ const CountryListPage: React.FC<CountryListPageProps> = ({
   };
   return (
     <Form initial={initialForm} onSubmit={onSubmit}>
-      {({ change, data, submit }) => (
+      {({ change, data, hasChanged, submit }) => (
         <>
           <Container>
             <AppHeader onBack={onBack}>
@@ -77,7 +77,7 @@ const CountryListPage: React.FC<CountryListPageProps> = ({
             </Grid>
           </Container>
           <SaveButtonBar
-            disabled={disabled}
+            disabled={disabled || !hasChanged}
             state={saveButtonBarState}
             onCancel={onBack}
             onSave={submit}