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

Merge pull request #189 from whyang0808/Add-loading-indicator-to-download-resume-btn

Browse Source 
Add loading indicator for Download Resume button
This commit is contained in:
Ariful Alam 2022-10-11 17:25:25 +06:00 committed by GitHub
commit 83a254e687
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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-6">
{skeleton({ width: 'w-40', height: 'h-10' })}
</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>
);