Feature #5: Mise à jour d'Ionicons

src/_sass/index.scss

@@ -1,3 +1 @@
 @import "main.scss";
-@import "icon.scss";
-@import "../css/ionicons.min.css";

src/_sass/main.scss

@@ -30,7 +30,6 @@ body {
 }
 
 @import "../../node_modules/bulma/bulma";
-@import "icon";
 
 #idCard {
   .hero-body {

src/components/ButtonIcon/ButtonIcon.js

@@ -12,7 +12,7 @@ export default class ButtonIcon extends Component {
     return <a rel="noopener noreferrer" href={this.props.lien} target="_blank">
       <button className="button" aria-label="Bouton {this.props.aria-label}">
         <span class="icon">
-          <i className={"ion-" + this.props.icon}></i>
+          <ion-icon name={this.props.icon}></ion-icon>
         </span>
       </button>
     </a>;

src/components/ContactButton/ContactButton.js

@@ -17,7 +17,7 @@ export default class ContactButton extends Component {
       <a target="_blank" rel="noreferrer noopener" href={data.url} class="hide button is-large is-fullw-mobile"
         title={`Go to ${data.title}`}>
         <span class="icon">
-          <i className={"ion-" + data.icon}></i>
+          <ion-icon name={data.icon}></ion-icon>
         </span>
         <span>{data.title}</span>
       </a>

src/components/MainCard/MainCard.js

@@ -45,9 +45,9 @@ class MainCard extends Component {
                                                 </p>
                                                 <p class="control">
                                                     <ButtonIcon
-                                                        icon="logo-twitter"
-                                                        aria-label="Twitter"
-                                                        lien="https://www.twitter.com/adamas_fr" />
+                                                        icon="logo-mastodon"
+                                                        aria-label="Mastodon"
+                                                        lien="https://imaginair.es/@adamas" />
                                                 </p>
                                             </p>
                                             <p id="boutonCV" class="field">
@@ -55,7 +55,7 @@ class MainCard extends Component {
                                                     href="https://files.adm.ink/anthony-dumas-cv.pdf" >
                                                     <button class="button is-fullwidth" aria-label="Bouton Curriculum Vitæ">
                                                         <span class="icon">
-                                                            <i className={"ion-md-document"}></i>
+                                                            <ion-icon name="document-attach-outline"></ion-icon>
                                                         </span>
                                                         <span><FormattedMessage id="curriculumVitaeLink" /></span>
                                                     </button>

src/messages/en.json

@@ -75,7 +75,7 @@
       {
         "title": "Email",
         "url": "mailto:anthony@dumas.cc",
-        "icon": "md-mail-unread",
+        "icon": "mail-outline",
         "aria-label": "Email"
       },
       {
@@ -85,16 +85,16 @@
         "aria-label": "LinkedIn"
       },
       {
-        "title": "Discord",
-        "url": "https://discord.com/users/66154147279273984",
-        "icon": "md-call",
-        "aria-label": "Discord"
+        "title": "Telegram",
+        "url": "https://t.me/adamas_FR",
+        "icon": "call-outline",
+        "aria-label": "Telegram"
       },
       {
-        "title": "Twitter",
-        "url": "https://twitter.com/adamas_fr",
-        "icon": "logo-twitter",
-        "aria-label": "Twitter"
+        "title": "Mastodon",
+        "url": "https://imaginair.es/@adamas",
+        "icon": "logo-mastodon",
+        "aria-label": "Mastodon"
       }
     ]
   },

src/messages/fr.json

@@ -90,7 +90,7 @@
       {
         "title": "Courriel",
         "url": "mailto:anthony@dumas.cc",
-        "icon": "md-mail-unread",
+        "icon": "mail-outline",
         "aria-label": "Email"
       },
       {
@@ -100,16 +100,16 @@
         "aria-label": "LinkedIn"
       },
       {
-        "title": "Discord",
-        "url": "https://discord.com/users/66154147279273984",
-        "icon": "md-call",
-        "aria-label": "Discord"
+        "title": "Telegram",
+        "url": "https://t.me/adamas_FR",
+        "icon": "call-outline",
+        "aria-label": "Telegram"
       },
       {
-        "title": "Twitter",
-        "url": "https://twitter.com/adamas_fr",
-        "icon": "logo-twitter",
-        "aria-label": "Twitter"
+        "title": "Mastodon",
+        "url": "https://imaginair.es/@adamas",
+        "icon": "logo-mastodon",
+        "aria-label": "Mastodon"
       }
     ]
   },