diff options
Diffstat (limited to 'Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx')
| -rw-r--r-- | Timeline/ClientApp/src/app/timeline/TimelinePostEdit.tsx | 19 |
1 files changed, 11 insertions, 8 deletions
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> |