aboutsummaryrefslogtreecommitdiff
path: root/src/components/react_button
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2020-10-19 19:38:49 +0300
committerHenry Jameson <me@hjkos.com>2020-10-20 20:28:11 +0300
commit38142182774ea772aacc88f26586512d6279267f (patch)
treed350aba1b9e19741c8219e6ae54d2fedd74cf71f /src/components/react_button
parent350f25016f7a42cf1775785dc0c3cb7e59bb321d (diff)
Some initial work on replacing icons with FA5
Diffstat (limited to 'src/components/react_button')
-rw-r--r--src/components/react_button/react_button.js4
-rw-r--r--src/components/react_button/react_button.vue6
2 files changed, 8 insertions, 2 deletions
diff --git a/src/components/react_button/react_button.js b/src/components/react_button/react_button.js
index dd71e546..de0df70c 100644
--- a/src/components/react_button/react_button.js
+++ b/src/components/react_button/react_button.js
@@ -1,4 +1,8 @@
import Popover from '../popover/popover.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+
+library.add(faSmileBeam)
const ReactButton = {
props: ['status'],
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
index 0b34add1..8395d5e3 100644
--- a/src/components/react_button/react_button.vue
+++ b/src/components/react_button/react_button.vue
@@ -36,9 +36,11 @@
<div class="reaction-bottom-fader" />
</div>
</div>
- <i
+ <FAIcon
slot="trigger"
- class="icon-smile button-icon add-reaction-button"
+ class="button-icon add-reaction-button"
+ :icon="['far', 'smile-beam']"
+ size="lg"
:title="$t('tool_tip.add_reaction')"
/>
</Popover>