Add loading indicator for Download Resume button

This commit is contained in:
Yang Wei Hao
2022-10-09 18:12:30 +08:00
parent b6bccf904e
commit e6f678eacd

View File

@@ -55,7 +55,12 @@ const AvatarCard = ({ profile, loading, avatarRing, resume }) => {
: profile.bio} : profile.bio}
</div> </div>
</div> </div>
{resume?.fileUrl && ( {resume?.fileUrl &&
(loading ? (
<div className="mt-3">
{skeleton({ width: 'w-48', height: 'h-5' })}
</div>
) : (
<a <a
href={resume.fileUrl} href={resume.fileUrl}
target="_blank" target="_blank"
@@ -65,7 +70,7 @@ const AvatarCard = ({ profile, loading, avatarRing, resume }) => {
> >
Download Resume Download Resume
</a> </a>
)} ))}
</div> </div>
</div> </div>
); );