From 6cc20ff42ad5f7c0384358e08bdc6913934eeb6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 18 Dec 2021 16:26:26 +0100
Subject: [PATCH] PendingStatus: display placeholder attachments
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../components/placeholder_media_gallery.js   | Bin 0 -> 2507 bytes
 .../components/placeholder_status_content.js  | Bin 610 -> 611 bytes
 .../features/ui/components/pending_status.js  | Bin 4319 -> 4333 bytes
 .../ui/util/pending_status_builder.js         | Bin 1314 -> 1331 bytes
 app/styles/placeholder.scss                   |  11 ++++++++++-
 5 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 app/soapbox/features/placeholder/components/placeholder_media_gallery.js

diff --git a/app/soapbox/features/placeholder/components/placeholder_media_gallery.js b/app/soapbox/features/placeholder/components/placeholder_media_gallery.js
new file mode 100644
index 0000000000000000000000000000000000000000..d44261e6ca15f1cf45e7bff4e86a280ab6ee06d6
GIT binary patch
literal 2507
zcmdT`OHbS|5WerPm`jyxmCXXBl?r4pMXESZAzG;igphYLVJ)0TZ7+|8{P&LSILSUl
zp||Fg*x!8f&Db*&o>!&RaEWZ8A(Leefi&;I@rb*vvpipEHWzpy%j(Bdg=&bKaKAmN
zXkVNC-nNEwRsmDck(lqMCFo3hgH0cXbK*%y_-MtZn6Z`6un<fsxDafC%TlB$&oSlf
zD-#0c6X2u9B2_N5_)AIA6j*4eM<W2GndS>H^e&`?)`6bfP#pDoJ3(>Is+g-w{I%i|
z)5xM*B|mwpmq*ZJi&Z{HX)ulVhTvU1IJ91J6&nF69@1E&V`H^sMJn(TGqMbeGQ}|@
zvsNb0{F0LmVCfX<?-Ut^eifkgX6)lK%LrlBI{l<?d~73Wyw+Qy;J@*dX-0k(z4l%g
zWuYj6Fw{$@nK<V*7RTm**0tX?8OPWyJwLBe*k}Qqk<w4X=Bja20yS`rxjN-J7K)Pu
zqP)6pjZ7k($RvUNaho1<z(f--k>4&g;ho?2@ENAC|EaZwUBosU<|fqea0J2r-rl<)
z0y<sy3XRVkDKM}GP$+~o9S48WF@=LSNcgy}AOcBZ4ywnX*W%S~LB$sI1=$~7mi<qX
zouYXw<8|6MZMK8(@eWSM8R^%?J4@j3zYDiN-t}nTl2)Ig2)5Je?}q6<021{|7JVzE
z*4_0LTVB2rHp<g4o3ixpw*K6Q>o~SAN@~z3&#1boM8mWz@Cf*z*R3~`9u+?fn@v~h
z1Hf_!&}Btl2D=)l4+U(cOPW6>VCP7-En|R`yOHx!YZ{nqr1RZSfthJT15U9Un2C~Y
zAl;JDYFO5^R;A*aTH-o2ty*%4f~MR(lF9HuPf~slclealym2%18_O{X?C6`^y775)
zV@@@2eKe_S@U9}Tdg%I)m<TAVbo)%oB5?VjW@)=_)HdCwf$7X7cyQ#QFFlv?+Kt^8
zMv1vg?MSkNZZM@nt2;Ibnq|X4L;C?>1GYa4I|6mCeb|#p)&EX((R=SPxeWt*_k(dm
z1(GGTmD7#tX4d+o4&`)dc8B5N*!(_(;f=r9)~dh$c7&PuoQI8q3dUFb+E|Xwls3=F
Pl+Mt(vh$l#+l>AISUcY2

literal 0
HcmV?d00001

diff --git a/app/soapbox/features/placeholder/components/placeholder_status_content.js b/app/soapbox/features/placeholder/components/placeholder_status_content.js
index f3f4e951c8aa089a7b9bd9c5d7af6b3872d2d9ce..b51fa44c15c4f5066418b2c7289e9f7d6c4456b3 100644
GIT binary patch
delta 13
VcmaFF@|b1AF-As($;TMy001ZH1zZ3C

delta 11
TcmaFN@`z=_F~-Tq8Rq~1Aif1W

diff --git a/app/soapbox/features/ui/components/pending_status.js b/app/soapbox/features/ui/components/pending_status.js
index 13daa5928bebc41eea81de59ec3fbd1a54a90541..638b896c9d3ca5c87dc5096b85847600271214db 100644
GIT binary patch
delta 106
zcmcbw_*QX4In(4lOx0SMxdr(}B?<vKiOH!M`8g@6MZT#inThU+IXS6Cl?rJ^`MC<}
jdV2bLdXssWRd{njlJV&f+07=*-Av**v~GUL`i~0$K=3DG

delta 95
zcmaE>cwcctIg@~6Nl9XIMs8|eNk~R%Zc_2&0!AspM7Usl2}CrPsdaMza|e?Wx_T}J
SI7rUVEl5l*+5DdM9~S_*5F(=h

diff --git a/app/soapbox/features/ui/util/pending_status_builder.js b/app/soapbox/features/ui/util/pending_status_builder.js
index 191a99f1d4e2610cea20fe41c81d532930492ee5..241abdbdb21f38ae43155637c9d421df8df44c0f 100644
GIT binary patch
delta 49
zcmZ3)wV7*!Kl9|x%)$z}sVSL>@tG;b>Y94Fi3J*&DGIiB3L4c4Kt`>mrq1R<=8cR1
Dl!6a;

delta 47
zcmdnYwTNqjKeJMFtd4@dzCwt<i@%jZQEFaFYLP+#kjl(US18FS%}pxa+{C<*5ddL#
B55fQd

diff --git a/app/styles/placeholder.scss b/app/styles/placeholder.scss
index ded87f5792..37ed8ee58b 100644
--- a/app/styles/placeholder.scss
+++ b/app/styles/placeholder.scss
@@ -1,7 +1,8 @@
 .placeholder-status,
 .placeholder-hashtag,
 .notification--placeholder,
-.status-card--placeholder {
+.status-card--placeholder,
+.media-gallery--placeholder {
   position: relative;
 
   &::before {
@@ -120,3 +121,11 @@
     opacity: 0.1;
   }
 }
+
+.media-gallery.media-gallery--placeholder {
+  background: none;
+
+  .media-gallery__item {
+    background-color: var(--brand-color--faint);
+  }
+}