DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: list component fixed (#162)

Browse Source 
* fix: list component fixed

* style: ran prettier

* Update List.tsx

* refactor: remove console log

---------

Co-authored-by: Razboy20 <razboy20@gmail.com>
This commit is contained in:
Som Gupta
2024-03-14 00:17:47 -05:00
committed by GitHub
parent e919e96c53
commit 5714ed16d7
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/components/calendar/CalendarHeader/CalenderHeader.tsx
View File

@@ -33,7 +33,7 @@ export default function CalendarHeader(): JSX.Element {
return ( return (
<div className='min-h-79px min-w-672px w-full flex px-0 py-5'> <div className='min-h-79px min-w-672px w-full flex px-0 py-5'>
<div className='flex flex-row gap-20 w-full'> <div className='w-full flex flex-row gap-20'>
<div className='flex gap-10'> <div className='flex gap-10'>
<div className='flex gap-1'> <div className='flex gap-1'>
<Button className='self-center' variant='single' icon={MenuIcon} color='ut-gray' /> <Button className='self-center' variant='single' icon={MenuIcon} color='ut-gray' />
@@ -57,7 +57,7 @@ export default function CalendarHeader(): JSX.Element {
</Text> </Text>
</div> </div>
</div> </div>
<div className='flex flex-row items-center justify-end space-x-8 ml-auto'> <div className='ml-auto flex flex-row items-center justify-end space-x-8'>
<div className='flex flex-row space-x-4'> <div className='flex flex-row space-x-4'>
<CourseStatus size='small' status={Status.WAITLISTED} /> <CourseStatus size='small' status={Status.WAITLISTED} />
<CourseStatus size='small' status={Status.CLOSED} /> <CourseStatus size='small' status={Status.CLOSED} />

9
src/views/components/common/List/List.tsx
View File

@@ -75,13 +75,12 @@ function List<T>(props: ListProps<T>): JSX.Element {
useEffect(() => { useEffect(() => {
// check if the draggables content has *actually* changed // check if the draggables content has *actually* changed
if (props.draggables.every((element, index) => equalityCheck(element, items[index].content))) { if (
console.log("List's draggables have not changed"); props.draggables.length === items.length &&
props.draggables.every((element, index) => equalityCheck(element, items[index].content))
) {
return; return;
} }
console.log("List's draggables have changed, updating...");
setItems(wrap(props.draggables)); setItems(wrap(props.draggables));
}, [props.draggables]); }, [props.draggables]);