matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: fix status interactions not updating

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-09-18 13:11:17 +02:00
parent 96698cc801
commit c32b3a4af9
1 changed files with 37 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
packages/pl-fe/src/features/status/components/thread.tsx
View File

@ -309,7 +309,42 @@ const Thread = ({
};
const renderChildren = (list: Array<string>) => list.map(id => {
if (id === status.id) return focusedStatus;
if (id === status.id) return (
<div className={clsx({ 'pb-4': hasDescendants })} key={status.id}>
{status.deleted ? (
<Tombstone id={status.id} onMoveUp={handleMoveUp} onMoveDown={handleMoveDown} deleted />
) : (
<Hotkeys handlers={handlers}>
<div
ref={statusRef}
className='relative'
tabIndex={0}
// FIXME: no "reblogged by" text is added for the screen reader
aria-label={textForScreenReader(intl, status)}
>
<DetailedStatus
status={status}
onOpenCompareHistoryModal={handleOpenCompareHistoryModal}
/>
<hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
<StatusActionBar
status={status}
expandable={isModal}
space='lg'
withLabels
/>
</div>
</Hotkeys>
)}
{hasDescendants && (
<hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
)}
</div>
);
if (id.endsWith('-tombstone')) {
return renderTombstone(id);
@ -361,44 +396,7 @@ const Thread = ({
react: handleHotkeyReact,
};
const focusedStatus = (
<div className={clsx({ 'pb-4': hasDescendants })} key={status.id}>
{status.deleted ? (
<Tombstone id={status.id} onMoveUp={handleMoveUp} onMoveDown={handleMoveDown} deleted />
) : (
<Hotkeys handlers={handlers}>
<div
ref={statusRef}
className='relative'
tabIndex={0}
// FIXME: no "reblogged by" text is added for the screen reader
aria-label={textForScreenReader(intl, status)}
>
<DetailedStatus
status={status}
onOpenCompareHistoryModal={handleOpenCompareHistoryModal}
/>
<hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
<StatusActionBar
status={status}
expandable={isModal}
space='lg'
withLabels
/>
</div>
</Hotkeys>
)}
{hasDescendants && (
<hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
)}
</div>
);
const children = useMemo(() => renderChildren(thread), [thread, linear]);
const children = useMemo(() => renderChildren(thread), [thread, linear, status]);
if (isModal) children.unshift(<div key='padding' className='h-4' />);
useEffect(() => {