ChoukseyKhushbu / Gitzilla

A resume builder for your GitHub profile.
https://gitzilla.netlify.app/
MIT License
63 stars 10 forks source link

If no skill is found for a particular user, the animation is being endless. #7

Closed ChoukseyKhushbu closed 4 years ago

ChoukseyKhushbu commented 4 years ago

Issue - If no skill is found for a particular user, the animation is being endless.

The code where skills are written - src/components/User.jsx

<div className="skills">
            {Object.keys(skills).length > 0
              ? Object.keys(skills).map((s) => <span key={s}>{s}</span>)
              : [...Array(5)].map((a) => (
                  <span
                    key={a}
                    className="shine"
                    style={{ width: "50px", height: "20px" }}
                  ></span>
                ))}
 </div>

Class shine has all the animations implementation which can be found in src/variables.scss

ChoukseyKhushbu commented 4 years ago

Fixed in #11