diff --git a/profile-diff-details/profileDiffDetails.utils.js b/profile-diff-details/profileDiffDetails.utils.js index d6cfd1ec..e6096ff5 100644 --- a/profile-diff-details/profileDiffDetails.utils.js +++ b/profile-diff-details/profileDiffDetails.utils.js @@ -1,12 +1,11 @@ -function getDataItem(data, itemName) { +function getUserDataItem(data, itemName) { const item = data[itemName]; - if (item) { + if (item || (itemName === YEARS_OF_EXPERIENCE && item === 0)) { return item; - } else { - if (itemName === YEARS_OF_EXPERIENCE && item === 0) return item; - else return ''; } + + return ''; } function checkDifferentValues(primaryData, secondaryData) { diff --git a/profile-diff-details/style.css b/profile-diff-details/style.css index 5915c197..2fd4349b 100644 --- a/profile-diff-details/style.css +++ b/profile-diff-details/style.css @@ -208,7 +208,7 @@ body { --_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000); background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; background-size: calc(100% / 3) 50%; - animation: l3 1s infinite linear; + animation: loader-animation 1s infinite linear; } .button__loader { @@ -217,10 +217,10 @@ body { --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, #0000); background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; background-size: calc(100% / 3) 50%; - animation: l3 1s infinite linear; + animation: loader-animation 1s infinite linear; } -@keyframes l3 { +@keyframes loader-animation { 20% { background-position: 0% 0%, 50% 50%, 100% 50%; }