adamas/curriculum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout des elements boutons et transformation en component

Browse Source
This commit is contained in:
Anthony Dumas 2020-12-11 00:48:12 +01:00
parent e8966bc04c
commit 0eb2057b54
6 changed files with 36 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintcache
View File

File diff suppressed because one or more lines are too long

17
src/components/ButtonIcon/ButtonIcon.js Normal file
View File

@ -0,0 +1,17 @@
import React, {Component} from '../../../node_modules/react';
import './ButtonIcon.scss'
export default class ButtonIcon extends Component {
// constructor(props) {
// super(props);
// this.state = {};
// }
render() {
return <a class="button" rel="noopener" href={this.props.lien}
aria-label="Profil {this.props.icon}">
<span class="icon is-large">
<i class={this.props.icon}></i>
</span>
</a>;
}
}

4
src/components/ButtonIcon/ButtonIcon.scss Normal file
View File

@ -0,0 +1,4 @@
.component-button-icon{
}

2
src/components/ButtonIcon/index.js Normal file
View File

@ -0,0 +1,2 @@
import ButtonIcon from "./ButtonIcon"
export default ButtonIcon;

2
src/components/ExperienceCard/ExperienceCard.js
View File

@ -1,8 +1,6 @@
import React, {Component} from '../../../node_modules/react'; import React, {Component} from '../../../node_modules/react';
import './ExperienceCard.scss' import './ExperienceCard.scss'
let title = "Default";
// import { connect } from "react-redux"; // import { connect } from "react-redux";
// import { bindActionCreators } from "redux"; // import { bindActionCreators } from "redux";
// import * as MenuComponentActions from "../../store/MenuComponent/actions"; // import * as MenuComponentActions from "../../store/MenuComponent/actions";

36
src/components/MainCard/MainCard.js
View File

@ -1,5 +1,6 @@
import React, {Component} from '../../../node_modules/react'; import React, {Component} from '../../../node_modules/react';
import ExperienceCard from '../ExperienceCard/index'; import ExperienceCard from '../ExperienceCard/index';
import ButtonIcon from '../ButtonIcon/index';
import './MainCard.scss' import './MainCard.scss'
import photoProfil from '../../images/profile_opt.png'; import photoProfil from '../../images/profile_opt.png';
@ -32,25 +33,17 @@ export default class MainCard extends Component {
<div class="media"> <div class="media">
<div class="media-content"> <div class="media-content">
<p id="buttonsUnderPhoto" class="buttons are-large "> <p id="buttonsUnderPhoto" class="buttons are-large ">
<a class="button" rel="noopener" href="https://github.com/AdamasFR" <ButtonIcon
aria-label="Profil Github"> icon="fab icon-github-alt"
<span class="icon is-large"> lien="https://github.com/AdamasFR"/>
<i class="fab icon-github-alt"></i>
</span> <ButtonIcon
</a> icon="fab icon-linke-square"
<a class="button" rel="noopener" lien="https://www.linkedin.com/in/anthonyyvondumas/"/>
href="https://www.linkedin.com/in/anthonyyvondumas/" >
<span class="icon" aria-label="Profil LinkedIn"> <ButtonIcon
<i class="fab icon-linke-square"></i> icon="fab icon-twit"
</span> lien="https://www.twitter.com/anthony__dumas"/>
</a>
<a class="button" rel="noopener"
href="https://www.twitter.com/anthony__dumas"
aria-label="Profil Twitter" >
<span class="icon">
<i class="fab icon-twit"></i>
</span>
</a>
</p> </p>
<p id="boutonCV" class="buttons are-large"> <p id="boutonCV" class="buttons are-large">
<a class="button is-fullwidth" rel="noopener" <a class="button is-fullwidth" rel="noopener"
@ -61,11 +54,6 @@ export default class MainCard extends Component {
<span>Mon CV</span> <span>Mon CV</span>
</a> </a>
</p> </p>
<p>
<p class="displayOnlyOnPrint">Anthony Dumas</p>
<p class="displayOnlyOnPrint">anthony[arobase]dumas.cc</p>
<p id="mailWhenNoJavascript" class="dontPrint"><noscript>anthony[arobase]dumas.cc</noscript></p>
</p>
</div> </div>
</div> </div>