Show available update version

Author: ravichdev

plugin/assets/src/settings/components/integrations/index.js

@@ -79,6 +79,7 @@ const Integrations = () => {
 						lastUpdated={ state.updaters[ key ].lastUpdated }
 						type={ UPDATERS[ key ].type }
 						displayUpdatedOn={ UPDATERS[ key ].displayUpdatedOn }
+						versionAvailable={ UPDATERS[ key ].versionAvailable }
 					/>
 				) ) }
 			</div>

plugin/assets/src/settings/components/integrations/updater.js

@@ -43,6 +43,7 @@ const Updater = ( {
 	checked,
 	type,
 	displayUpdatedOn,
+	versionAvailable,
 } ) => {
 	const [ id ] = useState( _uniqueId( 'updater-' ) );
 	const { state, dispatch } = useContext( SettingsContext );
@@ -90,7 +91,7 @@ const Updater = ( {
 	return (
 		<div
 			className={ classNames( 'material-settings__updater', {
-				'no__last-update': false === displayUpdatedOn,
+				'no__last-update': false === displayUpdatedOn && ! versionAvailable,
 			} ) }
 		>
 			<div className="mdc-layout-grid">
@@ -124,6 +125,15 @@ const Updater = ( {
 								) }
 							</p>
 						) }
+
+						{ versionAvailable && (
+							<p className="mdc-typography--body1">
+								{ sprintf(
+									__( 'New version %s is available.', 'material-design' ),
+									versionAvailable
+								) }
+							</p>
+						) }
 					</div>
 
 					<div className="mdc-layout-grid__cell mdc-layout-grid__cell--span-3 mdc-layout-grid__cell--align-middle material-settings__cell--justify-end">

plugin/assets/src/settings/constants.js

@@ -56,7 +56,8 @@ export const UPDATERS = {
 		type: 'PLUGIN',
 		lastUpdated: false,
 		needsKey: false,
-		updateAvailable: 1 === parseInt( getConfig( 'pluginUpdateStatus' ), 10 ),
+		updateAvailable: '0' !== String( getConfig( 'pluginUpdateStatus' ) ),
+		versionAvailable: getConfig( 'pluginUpdateStatus' ),
 		autoUpdates: parseInt( getConfig( 'pluginAutoUpdate' ), 10 ),
 		displayUpdatedOn: false,
 	},
@@ -65,7 +66,8 @@ export const UPDATERS = {
 		type: 'THEME',
 		lastUpdated: false,
 		needsKey: false,
-		updateAvailable: 1 === parseInt( getConfig( 'themeUpdateStatus' ), 10 ),
+		updateAvailable: '0' !== String( getConfig( 'themeUpdateStatus' ) ),
+		versionAvailable: getConfig( 'themeUpdateStatus' ),
 		autoUpdates: parseInt( getConfig( 'themeAutoUpdate' ), 10 ),
 		displayUpdatedOn: false,
 	},