ilia/profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add loading indicator for Download Resume button

Browse Source
This commit is contained in:
Yang Wei Hao 2022-10-09 18:12:30 +08:00
parent b6bccf904e
commit e6f678eacd
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/avatar-card/index.jsx
View File

@ -55,17 +55,22 @@ const AvatarCard = ({ profile, loading, avatarRing, resume }) => {
: profile.bio}
</div>
</div>
{resume?.fileUrl && (
<a
href={resume.fileUrl}
target="_blank"
className="btn btn-outline btn-primary text-xs mt-6"
download
rel="noreferrer"
>
Download Resume
</a>
)}
{resume?.fileUrl &&
(loading ? (
<div className="mt-3">
{skeleton({ width: 'w-48', height: 'h-5' })}
</div>
) : (
<a
href={resume.fileUrl}
target="_blank"
className="btn btn-outline btn-primary text-xs mt-6"
download
rel="noreferrer"
>
Download Resume
</a>
))}
</div>
</div>
);