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:
@@ -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>` : '';
|
||||
|
||||
@@ -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> : ''
|
||||
|
||||
@@ -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
@@ -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 };
|
||||
Reference in New Issue
Block a user