aheh/github-profile-readme-generator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #83 from amruta-kashikar/social-links-addition

Browse Source 
[add]: social icons
This commit is contained in:
Rahul Jain
2020-09-05 17:11:13 +05:30
committed by GitHub
parent d96cde5132 d955504e8f
commit 85a6558615
1 changed files with 44 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/social.js
+44 -1
View File
@@ -88,8 +88,51 @@ const Social = (props) => {
<input id="youtube" placeholder="youtube channel name" className="inputField lg"
value={props.social.youtube} onChange={event => props.handleSocialChange('youtube', event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/codechef.svg"
className="icon" alt="codechef" />
<input id="codechef" placeholder="codechef username" className="inputField lg"
value={props.social.codechef} onChange={event => props.handleSocialChange('codechef',event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/hackerrank.svg"
className="icon" alt="hackerrank" />
<input id="hackerrank" placeholder="hackerrank username" className="inputField lg"
value={props.social.hackerrank} onChange={event => props.handleSocialChange('hackerrank',event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/codeforces.svg"
className="icon" alt="codeforces" />
<input id="codeforces" placeholder="codeforces username" className="inputField lg"
value={props.social.codeforces} onChange={event => props.handleSocialChange('codeforces',event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/leetcode.svg"
className="icon" alt="leetcode" />
<input id="leetcode" placeholder="leetcode username" className="inputField lg"
value={props.social.leetcode} onChange={event => props.handleSocialChange('leetcode',event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/topcoder.svg"
className="icon" alt="topcoder" />
<input id="topcoder" placeholder="topcoder username" className="inputField lg"
value={props.social.topcoder} onChange={event => props.handleSocialChange('topcoder',event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/hackerearth.svg"
className="icon" alt="hackerearth" />
<input id="hackerearth" placeholder="hackerearth username" className="inputField lg"
value={props.social.hackerearth} onChange={event => props.handleSocialChange('hackerearth',event)} />
</div>
<div className="container">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/geeksforgeeks.svg"
className="icon" alt="geeksforgeeks" />
<input id="geeksforgeeks" placeholder="geeksforgeeks username" className="inputField lg"
value={props.social.geeks_for_geeks} onChange={event => props.handleSocialChange('geeks_for_geeks',event)} />
</div>
</div>
);
}
export default Social;
export default Social;