TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-18 16:01:40 +03:00
Code Issues Projects Releases Wiki Activity

Added transition classnames for success icon

Browse Source
This commit is contained in:
Rishabh 2022-05-09 16:08:37 +05:30
parent a1be413924
commit 7ac062ae68
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ghost/portal/src/components/common/NewsletterManagement.js
View File

@ -21,12 +21,18 @@ function AccountHeader() {
);
}
function SuccessIcon({show}) {
if (!show) {
return null;
function SuccessIcon({show, checked}) {
let classNames = [];
if (show) {
classNames.push('gh-portal-show');
}
if (checked) {
classNames.push('gh-portal-toggle-checked');
}
return (
<div style={{marginRight: '8px', display: 'flex', transition: 'all ease 1s'}}>
<div style={{marginRight: '8px', display: 'flex', transition: 'all ease 1s'}} className={classNames.join(' ')}>
<CheckmarkIcon className='gh-portal-checkmark-icon' alt='' style={{height: '24px', color: '#30cf43'}} />
</div>
);
@ -46,7 +52,7 @@ function NewsletterPrefSection({newsletter, subscribedNewsletters, setSubscribed
<p>{newsletter?.description}</p>
</div>
<div style={{display: 'flex', alignItems: 'center'}}>
<SuccessIcon show={showUpdated} />
<SuccessIcon show={showUpdated} checked={isChecked} />
<Switch id={newsletter.id} onToggle={(e, checked) => {
let updatedNewsletters = [];
if (!checked) {