From 1714ac03d2f1980a9e5687df307797f3bb841ebb Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 15 Nov 2021 19:08:27 -0600
Subject: [PATCH 1/2] Status: display a placeholder Card on own links, poll for
 updated card

---
 app/soapbox/actions/statuses.js               | Bin 5486 -> 6288 bytes
 app/soapbox/components/status.js              | Bin 19988 -> 20180 bytes
 .../components/placeholder_card.js            | Bin 0 -> 900 bytes
 .../features/status/components/card.js        | Bin 6861 -> 6905 bytes
 app/soapbox/utils/status.js                   | Bin 0 -> 437 bytes
 app/styles/placeholder.scss                   |  16 +++++++++++++++-
 6 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 app/soapbox/features/placeholder/components/placeholder_card.js
 create mode 100644 app/soapbox/utils/status.js

diff --git a/app/soapbox/actions/statuses.js b/app/soapbox/actions/statuses.js
index 5b65349b750f1018c314c47bf082c810c1cafc61..440d4150e34ed89a327d83483527447576c9614c 100644
GIT binary patch
delta 747
zcmZvZ!AiqG5QZse)q>(p?P)~NM6^u>PZE3Z;=zN5-gQkzvzTPV?nD#`c?6Zc3qC_1
zz&G$o#Ak3fsghQ6N;0$aee>_v?(^XJbB!mNkOYsQB9X`8DZ9fHCc~GHwYDNgxzcZ~
zbv<k?j2By@cG>U4C_=bm!7ZjCB>W~KP{iXHt`IUQ0#u5pH$bLK@*si)L(YH^u^>t?
zr4CdNzXoTsCiDUWgzfDa1*fjME<8@o0BlT7;C+SxDQgNokjzn^t#<Y6QdgG?sNdW3
zC4g}~7e>sg{0LtQS$*eO$OuEQ=!VhX@lARlQbiDA%pMGN;CbFr=U1&RW)|p!BfChF
zqcZP@F8Ifd9YB{WI~NlY4~t8;XADzEqRI>aXSz*VHmjd%&v-K%*3^$G!ltTzTG}e7
zT3q+&*VW!Y0T>%tJ-c>225)L|?Fhc_!-3~D$5&Sf3Tea>6gfFgwWQtNnAX$wOBlF&
sbzHOThDqTXc?u%O1}I|ep_D>44it@$|0n*T6xFrpxz6dhzc^g}20;+q5&!@I

delta 36
scmbPW_)crWo6X9M1#FYwig8Xpz#}y|o+EW~12@}bO<vc{f!y}I01FEYrvLx|

diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js
index de7a330ca73f2a7849b5e0f0891c807bbba4be54..ff7f23f5248b26851c480c2073cea42b999be5b5 100644
GIT binary patch
delta 149
zcmbO-hw;i>#tpJ8p_#b_`9&oP0Xd1usTuh>DXB%yiA5<2X+`<D3hKrAi3Lgd75ZtZ
zi6x~)sm1yQ2xa=o`9Q6Csd*(R!tu#K?VF`ordv$@rX?nvT2YXiTv7}&Q(Z?PEitD!
Sb@EDUIes+zHqW;y6$Ajh#5mpn

delta 23
fcmcaImvPD*#tpJ8n@d@ySWM1U=h|Ft8z~3?ZsZ7a

diff --git a/app/soapbox/features/placeholder/components/placeholder_card.js b/app/soapbox/features/placeholder/components/placeholder_card.js
new file mode 100644
index 0000000000000000000000000000000000000000..7f211709d435544fed3a889bea56c53ea07ff35b
GIT binary patch
literal 900
zcma)4O;5r=5WV+T%&m|BjV8te$i>9Oi!nyeWb6)f&33ohnWBd9-<{HeB?_UJ?(WR{
z*f(p-Dnx-7!dze(LkVeY*6B2{ZD|7$y$R)`mj|uukK!8L2v+1NqR=aS32Zy?WRlfl
z9V<SeuN}9cCDu+LcgPIS4s$AkGZgPJ8c;BK!>xnKeNa(PUSN|X09=IHnZw~*WmIo4
z)FSAYWr`X{g;TVC1yWdsPwO0f)U0|~GwC697XU|oB?W^7Z73_i7;0}Od#=}lBBc!P
z$TmmkzQG63FgW-ILTid(0$6Dgk))0umgtzK%CT(>w`L9wyPm;L0$^tBx{cupOS(&0
zP--6MO%A>FcwGI4l+HWwS@>dMOI%S3*@f+S&^dbPu`54U=uh}tEX0bVbiV12eemzo
z7~G8D`er!X&a#H_*O5w8C;1I=9&IHy_#;;U7fRkXl83NVE31yA&)%*Gd>qEbvR8j(
Tk1svTbn1H}z0I(DG~46{zepVs

literal 0
HcmV?d00001

diff --git a/app/soapbox/features/status/components/card.js b/app/soapbox/features/status/components/card.js
index 4e870640e54d368845aa8fa543c10a6dd50fa80d..2653f9304c18d32de8da7b192847e71b7a9c4532 100644
GIT binary patch
delta 53
zcmX?W`qOm7U!lq6!g2~FnI$=?>UPy&y4FU&xF9jlj!OXwYzih{6qMYoA-t3w044(x
AB>(^b

delta 20
bcmexqde(HqUm^DDlFX8v)Y{Dk!YA1QW}pby

diff --git a/app/soapbox/utils/status.js b/app/soapbox/utils/status.js
new file mode 100644
index 0000000000000000000000000000000000000000..48554ced91f362d1277e8d31fe87f2d6371b0204
GIT binary patch
literal 437
zcmZvZ!D_=W42JJ{3eigv2=09)J8X3H&_Q9ljU9xeHKvZ;$#Q8K*|X1SlG4LYw&h=+
zq+fJCdKS>$1%W-ui{T*avk*J9TjLH;LlBf0pnim(3_$pDJpq<W*hOopfiLzQ>@1}N
z^8g(+2H}Vth*Jhk_&}DlcuvS1ADov$b>zf&SE&|5E4Z%|ilA<Xc=f?#f9pjGFFwnB
zbw^5|L6Ja>*KxQi&4fbh@uSEabIQvxWfCjn9P#G;b$c60rLiR?k2)ra>|mCEN8-y{
zdJQcXbMIGX4;n?clMPdzOI8e^KI>OmM)$sk)<@fH@I=qZ&8__G=mdE3-V(avzbzEw
K4$4$M(f<I2@{{lY

literal 0
HcmV?d00001

diff --git a/app/styles/placeholder.scss b/app/styles/placeholder.scss
index 0427e94634..8366261ac0 100644
--- a/app/styles/placeholder.scss
+++ b/app/styles/placeholder.scss
@@ -1,6 +1,7 @@
 .placeholder-status,
 .placeholder-hashtag,
-.notification--placeholder {
+.notification--placeholder,
+.status-card--placeholder {
   position: relative;
 
   &::before {
@@ -105,3 +106,16 @@
   background: transparent;
   box-shadow: none;
 }
+
+.status-card--placeholder {
+  pointer-events: none;
+
+  .status-card__title,
+  .status-card__description,
+  .status-card__host {
+    letter-spacing: -1px;
+    color: var(--brand-color) !important;
+    word-break: break-all;
+    opacity: 0.1;
+  }
+}

From a3ce7b2afe92ec4e6659c73e15cb638e90aac58e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 15 Nov 2021 21:58:30 -0600
Subject: [PATCH 2/2] PendingStatus: display PlaceholderCard when a card is
 expected

---
 .../features/ui/components/pending_status.js  | Bin 3806 -> 4319 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/app/soapbox/features/ui/components/pending_status.js b/app/soapbox/features/ui/components/pending_status.js
index dd93279795f2dcbf955594621b182a71296a8e2b..13daa5928bebc41eea81de59ec3fbd1a54a90541 100644
GIT binary patch
delta 549
zcmaix&q@O^5XNZ{gk?|SwJ-(gCW0H!wp*bhcqs_Qn^59z+Fi^hAxT9kOCO?d&?gZ3
zJlcow1<d{dSv@$pWoCZgH#48TL;wBI-DJ6v+QL1jF-s*+n7*MpfrXYi1V&QzBwxvb
zQM=O25cN|=V(D516Snm|k6n8(^t@OKW5J|y#gjYw!YXV8iiso>%b9gV1JQI0YY#v(
z#}_b>k~1n$t0-JDivowUPAkA+PHmhbl3J_G_0=PBZ+1>F9(u+8qboa`DN8a65g-gv
zjR&aRtijZ}g-hEsGojK_8Rr&UWD7ubzLv~O&YW6H<1{bl3@{7^(Eq2V7iQ)*SN08I
zTn$&Un*ouxz3|Vr5B|ya*}vS7aU~4k%$HRKFm70Fq_w!l*I(f1_u<I6g({a@Mx!rQ
foHu!w=oI_O(bw_mx>|*HmtneE9>T?b=a0JI5LC1+

delta 42
xcmcbwcu#i2eWuN8nR6L8FJpVjK6xLj%;amVVv}F6ny@PXfxaEr=EZzAOaOQC4)*{6