[WEB-2442] feat: Revamp Timeline Layout (#5915)

* chore: added issue relations in issue listing

* chore: added pagination for issue detail endpoint

* chore: bulk date update endpoint

* chore: appended the target date

* chore: issue relation new types defined

* fix: order by and issue filters

* fix: passed order by in pagination

* chore: changed the key for issue dates

* Revamp Timeline Layout

* fix block dragging

* minor ui fixes

* improve auto scroll UX

* remove unused import

* fix timeline layout heights

* modify base timeline store

* Segregate issue relation types

---------

Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
This commit is contained in:
rahulramesha 2024-10-28 18:03:31 +05:30 committed by GitHub
parent f986bd83fd
commit a88a39fb1e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
112 changed files with 2918 additions and 2641 deletions

View file

@ -13,6 +13,7 @@ type Props = {
defaultValue?: boolean;
shouldRecordHeights?: boolean;
useIdletime?: boolean;
forceRender?: boolean;
};
const RenderIfVisible: React.FC<Props> = (props) => {
@ -29,12 +30,13 @@ const RenderIfVisible: React.FC<Props> = (props) => {
placeholderChildren = null, //placeholder children
defaultValue = false,
useIdletime = false,
forceRender = false,
} = props;
const [shouldVisible, setShouldVisible] = useState<boolean>(defaultValue);
const placeholderHeight = useRef<string>(defaultHeight);
const intersectionRef = useRef<HTMLElement | null>(null);
const isVisible = shouldVisible;
const isVisible = shouldVisible || forceRender;
// Set visibility with intersection observer
useEffect(() => {