From 1901d39871bd3bc07f85ff10dab39305e6ac0c9f Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 20 May 2020 15:52:46 -0500
Subject: [PATCH] Add emojiReact popup and call action code

---
 .../features/status/components/action_bar.js  | Bin 9899 -> 10677 bytes
 app/gabsocial/features/status/index.js        | Bin 16212 -> 16775 bytes
 app/styles/gabsocial/components.scss          |   1 +
 .../gabsocial/components/emoji-reacts.scss    |  32 ++++++++++++++++++
 4 files changed, 33 insertions(+)

diff --git a/app/gabsocial/features/status/components/action_bar.js b/app/gabsocial/features/status/components/action_bar.js
index e7e2a1c98a75e02557703eeac787fef6c929f68d..8ca178a5cf16ed5912ac37f95671ce0bf939ac24 100644
GIT binary patch
delta 601
zcmZWm*-FDe6osOo6(er6_;lS!E5`chmWoTkN^5b$$1tWhZ8XW0nW<1h@fVc&2VZ<q
zieKZ$XfkOP>wOrQJ7>A~%xm@I@@+bmb^R7)0zx>bRBAV+W2;oHotB~d{GK^PpWe9^
zLt+cA@22}u)pa`HFzSQeAh(>_F7XNu647SJ3kr~&JuNjdK30l#E|AFmiPhfB#QDg2
zbg{*e=i2vRg2IDYgfI<JF^psaz(GfDPcCZ!t^+wA^9m%1Hk%%(+Cn}}&5bG*`I%Xe
z4Q(wF>MF7BZtr?(Yd!~c6vXwgZg3He$t~-)Ed&h=!yyl}&0K+cF=EKC#q6V!GSuD%
zM-Od5nR<=KODg;m*M?78xt}$1%6WhU*h{R2x&XFEI6oskn))Bd$G)XyskZ))SSLXP
z8Etc~bBUrH1jtUVsueQ~!Lpjd_jZy@olY`T9=b^yzcT^QK;>_SqUrLDCJE{uCf~9d
d|4W}a%qzqp{Z>9717vL_Be$2d-pk5p>KmwJvu6MR

delta 31
ncmdlQyxMnzAk*enCPvQ9o4Es7Hh&h-5}mwHS#t9Rbyg+-x`+zl

diff --git a/app/gabsocial/features/status/index.js b/app/gabsocial/features/status/index.js
index 4b9fc2436647c4a39bfe463e3e18e9fd8c99103f..ae648d4ce960e486c0e8ee79063db3adfc4b82ce 100644
GIT binary patch
delta 428
zcmcao*WS#yp_EBdAvHHYD>EoHF}XxXp)}7G&YSp8oEt0`Uj&leoXK=o*cBn|oRgWH
ztzfI5QCyN(Qd+D7F-KFu)=r_CO92Qn(-bto`W0+#Z57l%%%9k+t_hZ#Y^@<z57DM+
ztx%L&Qd*Q}4c1c&CX@5?ic1tS5{tpE%FNFLS_4t8m!4YUnWqu0UXYVol%JcZuA`ui
z<VK*<V)a-}uptTxdTE(?DV}*LsTCTjAZMk5bZe;RCFZ88YubZd1#zF68cYr(1C}T$
zDoxc?uv5@AwB~~Q2FXR5lk>%8rI3RQH5?`<ifc=NO$Yk{P4a`7_+~e;EozFc@X)rc
XF3HF&*2_rDOUX$^2ycF9Q_KVaaW9VW

delta 23
fcmZo~X1r3jp_FO!9;S=Jo9!jGsBPA@k75D<dZh_D

diff --git a/app/styles/gabsocial/components.scss b/app/styles/gabsocial/components.scss
index 2f007f28ca..c009a4c0d0 100644
--- a/app/styles/gabsocial/components.scss
+++ b/app/styles/gabsocial/components.scss
@@ -2790,6 +2790,7 @@ a.status-card.compact:hover {
 .detailed-status__button {
   flex: 1 1 auto;
   text-align: center;
+  position: relative;
 }
 
 .column-settings__outer {
diff --git a/app/styles/gabsocial/components/emoji-reacts.scss b/app/styles/gabsocial/components/emoji-reacts.scss
index 261ce5155d..486741d045 100644
--- a/app/styles/gabsocial/components/emoji-reacts.scss
+++ b/app/styles/gabsocial/components/emoji-reacts.scss
@@ -53,3 +53,35 @@
   font-size: 12px;
   font-weight: bold;
 }
+
+.emoji-react-selector {
+  position: absolute;
+  bottom: 100%;
+  display: flex;
+  background-color: #fff;
+  padding: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  pointer-events: none;
+  transition: 0.1s;
+
+  &__emoji {
+    display: block;
+    padding: 0 2px;
+    border: 0;
+    background: transparent;
+
+    img {
+      width: 30px;
+      height: 30px;
+    }
+  }
+}
+
+.detailed-status__button--favourite:hover {
+  .emoji-react-selector {
+    opacity: 1;
+    pointer-events: all;
+  }
+}