Skip to content
This repository was archived by the owner on Jun 16, 2023. It is now read-only.

Commit 59a2c33

Browse files
avatar animation fix
1 parent 55df174 commit 59a2c33

File tree

1 file changed

+11
-5
lines changed

1 file changed

+11
-5
lines changed

src/app/atoms/avatar/Avatar.jsx

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@ const Avatar = React.forwardRef(({
4242
:
4343

4444
<img
45-
className={`anim-avatar ${imgClass}`}
4645
draggable="false"
4746
src={imageAnimSrc}
4847
onLoad={(e) => {
@@ -53,13 +52,20 @@ const Avatar = React.forwardRef(({
5352
if (Array.isArray(data.type) && typeof data.type[0] === 'string' && typeof data.type[1] === 'string') {
5453
if (data.type[0] === 'image') {
5554

56-
if (data.type[1] !== 'gif') {
57-
e.target.src = imageSrc;
58-
e.target.classList.remove('anim-avatar');
59-
} else {
55+
if (data.type[1] === 'gif') {
56+
57+
e.target.parentNode.parentNode.parentNode.parentNode.addEventListener('mouseover', () => {
58+
e.target.src = imageAnimSrc;
59+
}, false);
60+
61+
e.target.parentNode.parentNode.parentNode.parentNode.addEventListener('mouseout', () => {
62+
e.target.src = imageSrc;
63+
}, false);
6064

6165
}
6266

67+
e.target.src = imageSrc;
68+
6369
} else { e.target.src = ImageBrokenSVG; }
6470
} else { e.target.src = ImageBrokenSVG; }
6571
}).catch(err => {

0 commit comments

Comments
 (0)