+18

src/components/status.css

reviewed

··· 404 404 font-size: 90%; 405 405 line-height: var(--avatar-size); 406 406 } 407 407 + 408 408 + .status-filtered-badge.badge-meta { 409 409 + margin-top: 6px; 410 410 + flex-direction: row; 411 411 + gap: 0.5em; 412 412 + color: var(--text-color); 413 413 + border-color: var(--text-color); 414 414 + background-color: var(--bg-blur-color); 415 415 + max-width: 100%; 416 416 + 417 417 + > span + span { 418 418 + position: static; 419 419 + 420 420 + &:empty { 421 421 + display: none; 422 422 + } 423 423 + } 424 424 + } 407 425 } 408 426 409 427 .status .container {

+17 -2

src/components/status.jsx

reviewed

··· 2405 2405 visibility, 2406 2406 content, 2407 2407 language, 2408 2408 + filtered, 2408 2409 } = status; 2409 2410 if (sensitive || spoilerText) return null; 2410 2411 if (!content) return null; 2411 2412 2412 2413 const srKey = statusKey(id, instance); 2413 2413 - 2414 2414 const statusPeekText = statusPeek(status); 2415 2415 + 2416 2416 + const filterContext = useContext(FilterContext); 2417 2417 + const filterInfo = isFiltered(filtered, filterContext); 2418 2418 + 2419 2419 + if (filterInfo?.action === 'hide') return null; 2420 2420 + 2421 2421 + const filterTitleStr = filterInfo?.titlesStr || ''; 2422 2422 + 2415 2423 return ( 2416 2424 <article 2417 2425 class={`status compact-reply ${ ··· 2427 2435 lang={language} 2428 2436 dir="auto" 2429 2437 > 2430 2430 - {statusPeekText} 2438 2438 + {filterInfo ? ( 2439 2439 + <b class="status-filtered-badge badge-meta" title={filterTitleStr}> 2440 2440 + <span>Filtered</span> 2441 2441 + <span>{filterTitleStr}</span> 2442 2442 + </b> 2443 2443 + ) : ( 2444 2444 + statusPeekText 2445 2445 + )} 2431 2446 </div> 2432 2447 </article> 2433 2448 );