Merge pull request #17 from shivaniaakanksha/master

#11 Added Flutter & Dart in Skills
Fix https://github.com/rahuldkjain/github-profile-readme-generator/issues/11
This commit is contained in:
Rahul Jain
2020-07-20 20:18:59 +05:30
committed by GitHub
4 changed files with 60 additions and 58 deletions
+2 -2
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { baseURL, icons, skills } from '../constants/skills';
import {icons, skills } from '../constants/skills';
const Markdown = (props) => {
const Title = (props) => {
@@ -65,7 +65,7 @@ const Markdown = (props) => {
const listChosenSkills = [];
skills.forEach(skill => {
if (props.skills[skill]) {
listChosenSkills.push(`<img src="${baseURL + icons[skill]}" alt="${skill}" width="20" height="20"/>`);
listChosenSkills.push(`<img src="${icons[skill]}" alt="${skill}" width="20" height="20"/>`);
}
});
return listChosenSkills.length > 0 ? `<p align="left">${listChosenSkills.join(' ')}</p>` : '';
+2 -2
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { baseURL, icons, skills } from '../constants/skills';
import {icons, skills } from '../constants/skills';
const MarkdownPreview = (props) => {
const TitlePreview = (props) => {
@@ -100,7 +100,7 @@ const MarkdownPreview = (props) => {
var listSkills = []
skills.forEach((skill) => {
if(props.skills[skill]) {
listSkills.push(<img className="skill-preview-icon" src={baseURL + icons[skill]} alt={skill} />)
listSkills.push(<img className="skill-preview-icon" src={icons[skill]} alt={skill} />)
}
});
return listSkills.length > 0 ? <div className='skills-preview'>{listSkills}</div> : ''
+2 -2
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { icons, baseURL, skills } from '../constants/skills';
import { icons, skills } from '../constants/skills';
const Skills = (props) => {
const listSkills = skills.map((skill) => {
return (
@@ -7,7 +7,7 @@ const Skills = (props) => {
<label htmlFor={skill} className="skillCheckboxLabel">
<input id={skill} type="checkbox" checked={props.skills[skill]}
onChange={event => props.handleSkillsChange(skill)} />
<img className="skill-icon" src={baseURL + icons[skill]}
<img className="skill-icon" src={icons[skill]}
alt={skill} />
</label>
</div>
+54 -52
View File
@@ -1,61 +1,63 @@
const baseURL = 'https://konpa.github.io/devicon/devicon.git/icons/';
//const baseURL = 'https://konpa.github.io/devicon/devicon.git/icons/';
const skills = ['vuejs', 'react', 'angularjs', 'amazonwebservices', 'android', 'backbonejs',
'bootstrap', 'c', 'coffeescript',
'cplusplus', 'css3', 'csharp', 'd3js', 'django', 'docker', 'dotnet', 'electron', 'go',
'gulp', 'html5', 'java', 'javascript', 'typescript', 'laravel', 'mongodb', 'mysql', 'php', 'postgresql',
'rails', 'redis', 'redhat', 'ruby', 'rust',
'sass', 'scala', 'nodejs', 'python', 'swift', 'oracle', 'nginx', 'linux', 'redux',
'webpack', 'express'];
'webpack', 'express', 'flutter', 'dart'];
const icons = {
vuejs: 'vuejs/vuejs-original-wordmark.svg',
react: 'react/react-original-wordmark.svg',
angularjs: 'angularjs/angularjs-original.svg',
amazonwebservices: 'amazonwebservices/amazonwebservices-original-wordmark.svg',
android: 'android/android-original-wordmark.svg',
backbonejs: 'backbonejs/backbonejs-original-wordmark.svg',
bootstrap: 'bootstrap/bootstrap-plain.svg',
c: 'c/c-original.svg',
coffeescript: 'coffeescript/coffeescript-original-wordmark.svg',
cplusplus: 'cplusplus/cplusplus-original.svg',
css3: 'css3/css3-original-wordmark.svg',
csharp: 'csharp/csharp-original.svg',
d3js: 'd3js/d3js-original.svg',
django: 'django/django-original.svg',
docker: 'docker/docker-original-wordmark.svg',
dotnet: 'dot-net/dot-net-original-wordmark.svg',
electron: 'electron/electron-original.svg',
express: 'express/express-original-wordmark.svg',
git: 'git/git-original-wordmark.svg',
go: 'go/go-original.svg',
gulp: 'gulp/gulp-plain.svg',
html5: 'html5/html5-original-wordmark.svg',
illustrator: 'illustrator/illustrator-plain.svg',
java: 'java/java-original-wordmark.svg',
javascript: 'javascript/javascript-original.svg',
laravel: 'laravel/laravel-plain-wordmark.svg',
meteor: 'meteor/meteor-original-wordmark.svg',
mongodb: 'mongodb/mongodb-original-wordmark.svg',
mysql: 'mysql/mysql-original-wordmark.svg',
nginx: 'nginx/nginx-original.svg',
nodejs: 'nodejs/nodejs-original-wordmark.svg',
oracle: 'oracle/oracle-original.svg',
photoshop: 'photoshop/photoshop-plain.svg',
php: 'php/php-original.svg',
postgresql: 'postgresql/postgresql-original-wordmark.svg',
python: 'python/python-original-wordmark.svg',
rails: 'rails/rails-original-wordmark.svg',
redis: 'redis/redis-original-wordmark.svg',
redhat: 'redhat/redhat-original-wordmark.svg',
ruby: 'ruby/ruby-original-wordmark.svg',
rust: 'rust/rust-plain.svg',
sass: 'sass/sass-original.svg',
scala: 'scala/scala-original-wordmark.svg',
sketch: 'sketch/sketch-original-wordmark.svg',
swift: 'swift/swift-original-wordmark.svg',
typescript: 'typescript/typescript-original.svg',
linux: 'linux/linux-original.svg',
redux: 'redux/redux-original.svg',
webpack: 'webpack/webpack-original.svg',
vuejs: 'https://konpa.github.io/devicon/devicon.git/icons/vuejs/vuejs-original-wordmark.svg',
react: 'https://konpa.github.io/devicon/devicon.git/icons/react/react-original-wordmark.svg',
angularjs: 'https://konpa.github.io/devicon/devicon.git/icons/angularjs/angularjs-original.svg',
amazonwebservices: 'https://konpa.github.io/devicon/devicon.git/icons/amazonwebservices/amazonwebservices-original-wordmark.svg',
android: 'https://konpa.github.io/devicon/devicon.git/icons/android/android-original-wordmark.svg',
backbonejs: 'https://konpa.github.io/devicon/devicon.git/icons/backbonejs/backbonejs-original-wordmark.svg',
bootstrap: 'https://konpa.github.io/devicon/devicon.git/icons/bootstrap/bootstrap-plain.svg',
c: 'https://konpa.github.io/devicon/devicon.git/icons/c/c-original.svg',
coffeescript: 'https://konpa.github.io/devicon/devicon.git/icons/coffeescript/coffeescript-original-wordmark.svg',
cplusplus: 'https://konpa.github.io/devicon/devicon.git/icons/cplusplus/cplusplus-original.svg',
css3: 'https://konpa.github.io/devicon/devicon.git/icons/css3/css3-original-wordmark.svg',
csharp: 'https://konpa.github.io/devicon/devicon.git/icons/csharp/csharp-original.svg',
d3js: 'https://konpa.github.io/devicon/devicon.git/icons/d3js/d3js-original.svg',
django: 'https://konpa.github.io/devicon/devicon.git/icons/django/django-original.svg',
docker: 'https://konpa.github.io/devicon/devicon.git/icons/docker/docker-original-wordmark.svg',
dotnet: 'https://konpa.github.io/devicon/devicon.git/icons/dot-net/dot-net-original-wordmark.svg',
electron: 'https://konpa.github.io/devicon/devicon.git/icons/electron/electron-original.svg',
express: 'https://konpa.github.io/devicon/devicon.git/icons/express/express-original-wordmark.svg',
git: 'https://konpa.github.io/devicon/devicon.git/icons/git/git-original-wordmark.svg',
go: 'https://konpa.github.io/devicon/devicon.git/icons/go/go-original.svg',
gulp: 'https://konpa.github.io/devicon/devicon.git/icons/gulp/gulp-plain.svg',
html5: 'https://konpa.github.io/devicon/devicon.git/icons/html5/html5-original-wordmark.svg',
illustrator: 'https://konpa.github.io/devicon/devicon.git/icons/illustrator/illustrator-plain.svg',
java: 'https://konpa.github.io/devicon/devicon.git/icons/java/java-original-wordmark.svg',
javascript: 'https://konpa.github.io/devicon/devicon.git/icons/javascript/javascript-original.svg',
laravel: 'https://konpa.github.io/devicon/devicon.git/icons/laravel/laravel-plain-wordmark.svg',
meteor: 'https://konpa.github.io/devicon/devicon.git/icons/meteor/meteor-original-wordmark.svg',
mongodb: 'https://konpa.github.io/devicon/devicon.git/icons/mongodb/mongodb-original-wordmark.svg',
mysql: 'https://konpa.github.io/devicon/devicon.git/icons/mysql/mysql-original-wordmark.svg',
nginx: 'https://konpa.github.io/devicon/devicon.git/icons/nginx/nginx-original.svg',
nodejs: 'https://konpa.github.io/devicon/devicon.git/icons/nodejs/nodejs-original-wordmark.svg',
oracle: 'https://konpa.github.io/devicon/devicon.git/icons/oracle/oracle-original.svg',
photoshop: 'https://konpa.github.io/devicon/devicon.git/icons/photoshop/photoshop-plain.svg',
php: 'https://konpa.github.io/devicon/devicon.git/icons/php/php-original.svg',
postgresql: 'https://konpa.github.io/devicon/devicon.git/icons/postgresql/postgresql-original-wordmark.svg',
python: 'https://konpa.github.io/devicon/devicon.git/icons/python/python-original-wordmark.svg',
rails: 'https://konpa.github.io/devicon/devicon.git/icons/rails/rails-original-wordmark.svg',
redis: 'https://konpa.github.io/devicon/devicon.git/icons/redis/redis-original-wordmark.svg',
redhat: 'https://konpa.github.io/devicon/devicon.git/icons/redhat/redhat-original-wordmark.svg',
ruby: 'https://konpa.github.io/devicon/devicon.git/icons/ruby/ruby-original-wordmark.svg',
rust: 'https://konpa.github.io/devicon/devicon.git/icons/rust/rust-plain.svg',
sass: 'https://konpa.github.io/devicon/devicon.git/icons/sass/sass-original.svg',
scala: 'https://konpa.github.io/devicon/devicon.git/icons/scala/scala-original-wordmark.svg',
sketch: 'https://konpa.github.io/devicon/devicon.git/icons/sketch/sketch-original-wordmark.svg',
swift: 'https://konpa.github.io/devicon/devicon.git/icons/swift/swift-original-wordmark.svg',
typescript: 'https://konpa.github.io/devicon/devicon.git/icons/typescript/typescript-original.svg',
linux: 'https://konpa.github.io/devicon/devicon.git/icons/linux/linux-original.svg',
redux: 'https://konpa.github.io/devicon/devicon.git/icons/redux/redux-original.svg',
webpack: 'https://konpa.github.io/devicon/devicon.git/icons/webpack/webpack-original.svg',
flutter: 'https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/flutter.svg',
dart: 'https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/dart.svg',
}
const initialSkillState = {}
@@ -63,4 +65,4 @@ skills.forEach(skill => {
initialSkillState[skill] = false
});
export { initialSkillState, baseURL, icons, skills };
export { initialSkillState, icons, skills };