Update button styles to look better disabled.

WordPress · Jul 8, 2024 · 5447e2e · 5447e2e
1 parent d192463
commit 5447e2e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/settings/src/components/email-address.js b/settings/src/components/email-address.js
@@ -106,9 +106,10 @@ export default function EmailAddress() {
 
 			<p className="wporg-2fa__submit-actions">
 				<Button
-					variant="primary"
 					onClick={ handleSave }
 					disabled={ ! hasEdits || isSaving }
+					isPrimary={ hasEdits }
+					isSecondary={ ! hasEdits }
 				>
 					{ isSaving ? (
 						<>

diff --git a/settings/src/components/password.js b/settings/src/components/password.js
@@ -167,7 +167,12 @@ export default function Password() {
 			) }
 
 			<p className="wporg-2fa__submit-actions">
-				<Button isPrimary disabled={ ! editedRecord.password } type="submit">
+				<Button
+					isPrimary={ editedRecord.password }
+					isSecondary={ ! editedRecord.password }
+					disabled={ ! editedRecord.password }
+					type="submit"
+				>
 					{ isSaving ? 'Saving...' : 'Save password' }
 				</Button>