From 9c6f805499a7269c432ea8e570bd19f89dbdfd17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <me@mkljczk.pl>
Date: Sun, 2 Jan 2022 20:43:53 +0000
Subject: [PATCH] Remote interactions modal

---
 app/soapbox/actions/interactions.js           | Bin 11356 -> 12534 bytes
 app/soapbox/components/poll.js                | Bin 6490 -> 6611 bytes
 app/soapbox/components/status_action_bar.js   | Bin 21973 -> 22128 bytes
 app/soapbox/components/status_content.js      | Bin 9014 -> 9095 bytes
 app/soapbox/containers/poll_container.js      | Bin 249 -> 250 bytes
 .../features/status/components/action_bar.js  | Bin 19415 -> 19566 bytes
 .../features/ui/components/action_button.js   | Bin 4474 -> 5349 bytes
 .../ui/components/unauthorized_modal.js       | Bin 2397 -> 7591 bytes
 app/soapbox/locales/pl.json                   |  12 ++++
 app/soapbox/utils/features.js                 | Bin 3639 -> 3718 bytes
 app/styles/components/modal.scss              |  53 ++++++++++++++++++
 11 files changed, 65 insertions(+)

diff --git a/app/soapbox/actions/interactions.js b/app/soapbox/actions/interactions.js
index c292abaac44bcdacac9c93d0d774a1277731e133..c677891179640d9f3e6d11e9f9d06acfd8889e99 100644
GIT binary patch
delta 906
zcmaKr%}T>S5XbQ#g-THnp|&7HDKycLv|fv1C@B=QrA-Uo!jf+7N}9yY)*edfL+sI)
z5PTh9LJwZNn2&yFlA6<IW@mo$|7Y@k|Ak(^GrW_@ReRc9r>_~Uc3<nMjee`sHhNlj
zpy_?Mf=V*WVZR_JO7uaaq3QaLlA}yMjnh<Hx8OgioVU-+W0_ZT$7d6V;g-!XMJ6MT
zEg;t*LkV2!jEIFfI=EO4iRU6_js=Qiw|n?$iai!962*Ep8=xs>Q)&ZpiSU4#&Je?*
z>^goyMe&2mb4_tAOq~f*qSgl4PEwIz?w1;5xg7@<qRhtF7KAwr5kvkvTwTLFqydl-
z2tioJlsZ%dHm1%DY&-)k2>i~iCIr|mPM?}4_B`S8uO(7QmZ#L(=-em`;eLj{oQpRJ
zx0;ApF{>nqM)e&F41?9kVUTz8rAneny5;<%cv?%Y(|XyYuzRE<JVu|FtA|A?L0IdK
v%MNt;n0g9kwV*pNIEn}L>PexT0H*lD_n@RE{)1qp|7V281y>gJ>>~REt05*j

delta 12
TcmeyCcqd}RZ}!a>ITBR>FSiCy

diff --git a/app/soapbox/components/poll.js b/app/soapbox/components/poll.js
index 7962ee779a78da3a7e287511e2e356e2b83bae9a..a5b8b038edc4f5634b2a53b01c2faf4a76852feb 100644
GIT binary patch
delta 152
zcmca*blG^rAyz2`h2oOLlG0);g@B^`f{@CB)MCBjlA_GK^v(NNnOSs`^Ye;J6si?c
zGK&imOOi8mpz0NB6>JqsGBS(x3V`~Gt+^C{VDcGGMN1upYA{DZAu+imGe6HtK|R3V
e$0t6_Kg3mC2PRbzpP6C>H47qGyZJ3=E<XUK4KTO>

delta 25
hcmca?e9LIVA=b?gSpPFmKFB39S(Hm+a~fAJKLD7v3I6~9

diff --git a/app/soapbox/components/status_action_bar.js b/app/soapbox/components/status_action_bar.js
index d4356c09795f6009a91fcd298b9a5eab551697cc..d552a82b8237d49b09676ef1eda6884a5a3c74e7 100644
GIT binary patch
delta 337
zcmcb*n(@OL#tmBH+&T*Rc|oZKIh8sJlQ)WsbLc1(mn4>y7Ejg^SLJ|8X-v))w*<;c
zu&W2T2KYp(Z$2qr$HJA8SzM4<lAHn2IoValaB`!J6G$Dmx|?H|e`t_rh^zYKXEHVX
zAY0rL%koQ$GD}ji*d&A`tpRnwK{+uDvtG#d@IYLgl#`#1#UM_QlR<JClXu9;gY<I%
z-R$J!@2<Z2m)uWNpzdm@4;5-Be-6=OOH3}w%+H&w7^-Owl;ctW1Bjpwj8_n!nPLUi
Xrk9>tqM=?|l%uW*k*}TX71|8|Z4Yj7

delta 255
zcmeychVklZ#tmBHlN)42C!duS5Gu*YEY>S1$}cF^%g+l+Ey$^y+%Io3d8N1@H<Hxk
zL>X~Ljm<a3>sTgll9ir3RYn9wdZmmL3LmU|GM{V>%pMUW!}9ao63g;Si!vuGD2Ys-
zpu{@)i!2t~CTqy`z_iPwXb(zF%E?dHKoXnGD=&}ffXzPgKTRhGhU!gj4b`0dG_)H4
D+2~t5

diff --git a/app/soapbox/components/status_content.js b/app/soapbox/components/status_content.js
index 508e2de1f3d07a1b51c6155032d506b24fbbbe24..efbe81b5db3febc1fa28f831a4440bc4197dca8a 100644
GIT binary patch
delta 102
zcmdny*6zMxikw(+Nn%N9v28Vk)=N(<(NHff+T1T!$RvebE=OIncJqG)c6{=a|0`%t
I)>GyH0P~?HN&o-=

delta 25
fcmZp7-{!VqirnV)ayd+s!<98Q$0^=p1TqW&h|39{

diff --git a/app/soapbox/containers/poll_container.js b/app/soapbox/containers/poll_container.js
index dc35964f5a8f045dad54a6b514ae83ed641e53cb..ad9672120de8a1abdbfc8a5fa3c85925df904305 100644
GIT binary patch
delta 9
Qcmey#_=|DEsfi~I02vzu+5i9m

delta 9
Qcmeyx_>*zMsfnlc0U00!+W-In

diff --git a/app/soapbox/features/status/components/action_bar.js b/app/soapbox/features/status/components/action_bar.js
index 3a6da7475b49cbb6e686d3e207ae55dfbdeb54ae..a3f42adb9945a49642dc8981c1820f7e9cd9bd3b 100644
GIT binary patch
delta 374
zcmcaUo$=ia#tm8mJUR;13dJRfC8fm*wUf03l-LrJOEUBGCi@6z$^+%N6u<x?r~~5_
z#Al{hDNOcOlH6P-@P?IJM<G8iD77G`Qb%F(IT`WE0WzYKy(9$Kp`w!u6~!lS5EGm%
zDk9FIp&sNK;1j7nIZ#Dx@-Hz}pbJ3Cl5+CXA-Xwqpbml=BMOt(fH+h~Ayw0wYw|}U
zVUU5GAOoFz{M{iY?iR1&2bt)WSe9Q}lv$FB>LeZ{8I8#`5;7nocr?`A9K-xWgFHiA
zA*S?7a!p>~#=7}|L;<q^$T-*B{H)BNRA4w@I#QDtSzcrE92s>CQ#U`8`KSi~LJD-#

delta 234
zcmaDigYo)w#tm8m9GVKYb_yERT$4YFOHGaw(A>OF;4SOqvtp`~zbXna<y1~CR1}{q
zATG#Vl95@gS5TB+P^>puQCwoOgSa(R89z%>PJa4i18EV))Jc+JSX7El)|99MsTM&p
zB|pzCu`Iu|D08xcyvXDWimW)S5!>u9S<gKAuZ*TRif-53{H)BN)WqZxkkyl|W#uOe
P$gr{@oVdAG_M;vE4LVLK

diff --git a/app/soapbox/features/ui/components/action_button.js b/app/soapbox/features/ui/components/action_button.js
index e55b41142ced6d3866286ece54c21858d005786b..152f6f467d394cbb2261f7d2621ad3ace1987b5a 100644
GIT binary patch
delta 607
zcmZ{hK}+L66vt^%Ya`l&ii@B=EiwtT4YId(RTLEq)rxEpyp%DS+CVas%}h{~;&*U9
zgjX>~51#xWg5LMMcyN+7)q{JPdA#?Z-+TXg|5o0N`|0eo<M}KQa1G2S^nlse1^GAg
zqw2*Ws%gXeIT3pVi!dM@de8}&2Z%H5pRr3b6pqWyPQM%#vUl0G#V8lxr~^}rz&fZv
zkcy({D9s|HrfC2HQB(@oDg^LIDY*wQUWG4>_4K6?J&(L+Zj_SIrW(9OaVWYhaIT1*
zn9#9hv5*R5fVCa&V_|jmp-mmN4!2sr_nXJ{)7>3Z8VCWfB^*YpfcBb=M)L&q=ZW(P
zv6=>z^Ph<s8yQ21-*)UTg18<AZYt;*MlE_ATg}Y<XKMMB!^%_YUB2d)BN)HUOms1|
zU2;r3CS);Roc-3bY~&Z@L*CR%pM;nE$*R)<Jw;Z6m_h1Pkf3jrZynXuFUdcX#d*uc
zoF8J3tfR9~2u9204s%_0fn<AXX|&(JH?=5B1yi;Qn=`-6?L@bsHW_aZpr=J^T0Qpx
DPhiRk

delta 60
zcmaE=`AcboFw^E5ro~MBMX4pFMR^L<Tna#to4UD<^$+7_BMy1S$(@`Io4;^QVx0Vp
PTYs`VPx$7=yiV)@j&T&o

diff --git a/app/soapbox/features/ui/components/unauthorized_modal.js b/app/soapbox/features/ui/components/unauthorized_modal.js
index 0465a9af6ba1bfe3c3264a2b4ccc9aedde534cef..0e1429d8df81ef8ccea97c5ac00af67fd3e7dbae 100644
GIT binary patch
literal 7591
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
WB(U&yc+bBG@4RD|zFWu3y8i%F6TCnG

delta 151
zcmZ2(eOG8h1mk2zrufMT%(8LCC5a`e3bu9%)m#b+$@zK3B?`Gfz5-ZWFFmzHLp?WD
zUDFyUTa;Q-T9gM?sGyLToSa{pS7L=w=$WSxtqv6~R@VU<6RSCylhvH1)|#t!vMyWw
h<m+r|OtsdNkFk4CRu-3?>?JP0`J(u0*2xoO#Q{1HFdhH^

diff --git a/app/soapbox/locales/pl.json b/app/soapbox/locales/pl.json
index a907d12198..5837f9e0bc 100644
--- a/app/soapbox/locales/pl.json
+++ b/app/soapbox/locales/pl.json
@@ -740,6 +740,18 @@
   "remote_instance.federation_panel.some_restrictions_message": "{siteTitle} nakłada pewne ograniczenia na {host}.",
   "remote_instance.pin_host": "Przypnij {instance}",
   "remote_instance.unpin_host": "Odepnij {instance}",
+  "remote_interaction.account_placeholder": "Wprowadź nazwę@domenę użytkownika, z którego chcesz wykonać działanie",
+  "remote_interaction.favourite": "Przejdź do polubienia",
+  "remote_interaction.favourite_title": "Polub wpis zdalnie",
+  "remote_interaction.follow": "Przejdź do obserwacji",
+  "remote_interaction.follow_title": "Obserwuj {user} zdalnie",
+  "remote_interaction.poll_vote": "Przejdź do ankiety",
+  "remote_interaction.poll_vote_title": "Zagłosuj w ankiecie zdalnie",
+  "remote_interaction.reblog": "Przejdź do wpisu",
+  "remote_interaction.reblog_title": "Udostępnij wpis zdalnie",
+  "remote_interaction.reply": "Przejdź do odpowiedzi",
+  "remote_interaction.reply_title": "Odpowiedz na wpis zdalnie",
+  "remote_interaction.user_not_found_error": "Nie można odnaleźć podanego użytkownika",
   "remote_timeline.filter_message": "Przeglądasz oś czasu {instance}",
   "reply_indicator.cancel": "Anuluj",
   "report.block": "Zablokuj {target}",
diff --git a/app/soapbox/utils/features.js b/app/soapbox/utils/features.js
index 6447f53f72fe7f1bf143c35f54f14b7856ab43b1..124df7d2d22e24dc28237c4f605ac0831bb6f390 100644
GIT binary patch
delta 48
zcmdlk(<Zw?lUG<lp(r&sza-T&uOzi7F}Wl&KX39uE}6;o+#>8odM0|N2I`wtc!e1O
Djx!Fl

delta 12
TcmZpZ-7d31lXr6kFCQZS97O}9

diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss
index 62d44f603b..9d46eeb497 100644
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -860,6 +860,59 @@
   }
 }
 
+.remote-interaction-modal {
+  &__content {
+    display: flex;
+    flex-direction: column;
+    // align-items: center;
+    row-gap: 10px;
+    padding: 10px;
+
+    .unauthorized-modal-content__button {
+      margin: 0 auto;
+    }
+  }
+
+  &__fields {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    width: 100%;
+
+    .button {
+      width: auto;
+      margin: 0;
+      text-transform: none;
+      overflow: unset;
+    }
+  }
+
+  &__divider {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin: 0 -10px;
+
+    &::before,
+    &::after {
+      content: "";
+      flex: 1;
+      border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2);
+    }
+  }
+
+  @media screen and (max-width: 895px) {
+    margin: 0;
+    border-radius: 6px;
+    height: unset !important;
+    width: 440px !important;
+  }
+
+  @media screen and (max-width: 480px) {
+    width: 330px !important;
+  }
+}
+
 .focal-point-modal {
   max-width: 80vw;
   max-height: 80vh;