Changing "Save" button color whenever a draft is available (#87)

* Changing Save button color whenever a draft is available * Refactoring to use the Material UI native color props to change the Save button color
xcv58 · Jan 7, 2020 · 5c78325 · 5c78325
1 parent b3097e5
commit 5c78325
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/js/components/AutoSave.tsx b/src/js/components/AutoSave.tsx
@@ -7,6 +7,8 @@ export default observer(() => {
  const { saved, autoSaveHandle } = useStore().AppStore
  const content =
  (autoSaveHandle && <CircularProgress size={24} />) ||
- (saved && <InputLabel>Draft saved</InputLabel>)
+ (saved && (
+ <InputLabel>Draft saved. Click "Save" to apply the script.</InputLabel>
+ ))
  return <span>{content}</span>
 })
diff --git a/src/js/components/Save.tsx b/src/js/components/Save.tsx
@@ -4,10 +4,10 @@ import { useStore } from './StoreContext'
 import { observer } from 'mobx-react'
 
 export default observer(({ onSave }) => {
- const { differentURL, tabMode } = useStore().AppStore
+ const { differentURL, tabMode, saved, draft } = useStore().AppStore
  return (
  <Button
- color='primary'
+ color={saved || draft ? 'secondary' : 'primary'}
  disabled={differentURL && !tabMode}
  onClick={onSave}
  >