From e86881f789079e661fd2c37e3bee61ff2450b4f7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 16 Jun 2020 16:22:42 +0800
Subject: feat(front): Use bootstrap icons.

---
 Timeline/ClientApp/src/app/about/About.tsx | 26 +++++++++-----------------
 1 file changed, 9 insertions(+), 17 deletions(-)

(limited to 'Timeline/ClientApp/src/app/about/About.tsx')

diff --git a/Timeline/ClientApp/src/app/about/About.tsx b/Timeline/ClientApp/src/app/about/About.tsx
index bce4c06e..841ec6fe 100644
--- a/Timeline/ClientApp/src/app/about/About.tsx
+++ b/Timeline/ClientApp/src/app/about/About.tsx
@@ -2,18 +2,17 @@ import React from 'react';
 import { useTranslation, Trans } from 'react-i18next';
 
 import authorAvatarUrl from './author-avatar.png';
+import githubLogoUrl from './github.png';
 
 import AppBar from '../common/AppBar';
 
 const frontendCredits: {
   name: string;
   url: string;
-  icon?: string;
 }[] = [
   {
     name: 'reactjs',
     url: 'https://reactjs.org',
-    icon: 'react',
   },
   {
     name: 'typescript',
@@ -22,7 +21,6 @@ const frontendCredits: {
   {
     name: 'bootstrap',
     url: 'https://getbootstrap.com',
-    icon: 'bootstrap',
   },
   {
     name: 'reactstrap',
@@ -39,12 +37,6 @@ const frontendCredits: {
   {
     name: 'sass',
     url: 'https://sass-lang.com',
-    icon: 'sass',
-  },
-  {
-    name: 'fontawesome',
-    url: 'https://fontawesome.com',
-    icon: 'font-awesome-flag',
   },
   {
     name: 'eslint',
@@ -58,12 +50,15 @@ const frontendCredits: {
     name: 'pepjs',
     url: 'https://github.com/jquery/PEP',
   },
+  {
+    name: 'react-inlinesvg',
+    url: 'https://github.com/gilbarbara/react-inlinesvg',
+  },
 ];
 
 const backendCredits: {
   name: string;
   url: string;
-  icon?: string;
 }[] = [
   {
     name: 'ASP.NET Core',
@@ -113,7 +108,10 @@ const About: React.FC = () => {
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <i className="fab fa-github about-link-icon text-body" />
+                <img
+                  src={githubLogoUrl}
+                  className="about-link-icon text-body"
+                />
               </a>
             </p>
           </div>
@@ -145,9 +143,6 @@ const About: React.FC = () => {
               return (
                 <li key={index}>
                   <a href={item.url} target="_blank" rel="noopener noreferrer">
-                    {item.icon != null && (
-                      <i className={'fab fa-' + item.icon + ' mx-2'} />
-                    )}
                     {item.name}
                   </a>
                 </li>
@@ -161,9 +156,6 @@ const About: React.FC = () => {
               return (
                 <li key={index}>
                   <a href={item.url} target="_blank" rel="noopener noreferrer">
-                    {item.icon != null && (
-                      <i className={'fab fa-' + item.icon + ' mx-2'} />
-                    )}
                     {item.name}
                   </a>
                 </li>
-- 
cgit v1.2.3