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

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

View File

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