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

Author: FusRoDah061

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>
 })

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}
     >