From b38beb5a731d5e897103aa1d8b9056a1f4b04a64 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.

---
 .../ClientApp/src/app/timeline/TimelinePostEdit.tsx   | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

(limited to 'Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx')

diff --git a/Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx b/Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx
index f12b6892..6501e349 100644
--- a/Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx
+++ b/Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx
@@ -1,7 +1,10 @@
 import React from 'react';
-import clsx from 'clsx';
 import { Button, Spinner, Row, Col } from 'reactstrap';
 import { useTranslation } from 'react-i18next';
+import Svg from 'react-inlinesvg';
+
+import textIcon from 'bootstrap-icons/icons/card-text.svg';
+import imageIcon from 'bootstrap-icons/icons/image.svg';
 
 import { pushAlert } from '../common/alert-service';
 import { CreatePostRequest } from '../data/timeline';
@@ -199,13 +202,13 @@ const TimelinePostEdit: React.FC<TimelinePostEditProps> = (props) => {
             if (state === 'input') {
               return (
                 <>
-                  <i
-                    className={clsx(
-                      'fas d-block text-center large-icon mt-1 mb-2',
-                      kind === 'text' ? 'fa-image' : 'fa-font'
-                    )}
-                    onClick={toggleKind}
-                  />
+                  <div className="d-block text-center mt-1 mb-2">
+                    <Svg
+                      src={kind === 'text' ? imageIcon : textIcon}
+                      className="icon-button"
+                      onClick={toggleKind}
+                    />
+                  </div>
                   <Button color="primary" onClick={onSend} disabled={!canSend}>
                     {t('timeline.send')}
                   </Button>
-- 
cgit v1.2.3

