this repo has no description
Try differentiate native QPs
+20
-7
+4
src/components/status.css
+4
src/components/status.css
···
218
218
box-shadow: inset 0 0 4px var(--outline-color);
219
219
/* box-shadow: inset 0 0 0 2px var(--bg-faded-color); */
220
220
/* filter: drop-shadow(0 2px 4px var(--bg-faded-color)); */
221
+
222
+
.quote-post-native > & {
223
+
border-radius: 8px;
224
+
}
221
225
}
222
226
.status-card:has(.status-badge:not(:empty)) {
223
227
border-start-end-radius: 8px;
+4
-3
src/components/status.jsx
+4
-3
src/components/status.jsx
···
3889
3889
if (level > 2) return;
3890
3890
3891
3891
return uniqueQuotes.map((q) => {
3892
+
const Parent = q.native ? Fragment : LazyShazam;
3892
3893
return (
3893
-
<LazyShazam id={q.instance + q.id}>
3894
+
<Parent id={q.instance + q.id} key={q.instance + q.id}>
3894
3895
<Link
3895
3896
key={q.instance + q.id}
3896
3897
to={`${q.instance ? `/${q.instance}` : ''}/s/${q.id}`}
3897
-
class="status-card-link"
3898
+
class={`status-card-link ${q.native ? 'quote-post-native' : ''}`}
3898
3899
data-read-more={_(readMoreText)}
3899
3900
>
3900
3901
<Status
···
3905
3906
enableCommentHint
3906
3907
/>
3907
3908
</Link>
3908
-
</LazyShazam>
3909
+
</Parent>
3909
3910
);
3910
3911
});
3911
3912
});
+12
-4
src/utils/states.js
+12
-4
src/utils/states.js
···
214
214
states.statuses[srKey] = status.reblog;
215
215
}
216
216
if (status.quote?.id) {
217
-
const sKey = statusKey(status.quote.id, instance);
217
+
const { id } = status.quote;
218
+
const sKey = statusKey(id, instance);
218
219
states.statuses[sKey] = status.quote;
220
+
const selfURL = `/${instance}/s/${id}`;
219
221
states.statusQuotes[key] = [
220
222
{
221
-
id: status.quote.id,
223
+
id,
222
224
instance,
225
+
url: selfURL,
226
+
native: true,
223
227
},
224
228
];
225
229
}
226
230
// Mastodon native quotes
227
231
if (status.quote?.state === 'accepted' && status.quote?.quotedStatus) {
228
232
const { quotedStatus } = status.quote;
229
-
const sKey = statusKey(quotedStatus.id, instance);
233
+
const { id } = quotedStatus;
234
+
const selfURL = `/${instance}/s/${id}`;
235
+
const sKey = statusKey(id, instance);
230
236
states.statuses[sKey] = quotedStatus;
231
237
states.statusQuotes[key] = [
232
238
{
233
-
id: quotedStatus.id,
239
+
id,
234
240
instance,
241
+
url: selfURL,
242
+
native: true,
235
243
},
236
244
];
237
245
}