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

fix: clean up #173 (#174)

Browse Source
This commit is contained in:
Samuel Gunter
2024-03-17 01:48:09 -05:00
committed by GitHub
parent 791a42bcd4
commit afa634f085
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/components/calendar/CalendarGrid/CalendarGrid.tsx
View File

@@ -16,7 +16,7 @@ interface Props {
setCourse: React.Dispatch<React.SetStateAction<Course | null>>; setCourse: React.Dispatch<React.SetStateAction<Course | null>>;
} }
function CalendarHour(hour: number) { function CalendarHour({ hour }: { hour: number }) {
return ( return (
<div className='grid-row-span-2 pr-2'> <div className='grid-row-span-2 pr-2'>
<Text variant='small' className='inline-block w-full text-right -translate-y-2.25'> <Text variant='small' className='inline-block w-full text-right -translate-y-2.25'>
@@ -31,7 +31,7 @@ function makeGridRow(row: number, cols: number): JSX.Element {
return ( return (
<> <>
{CalendarHour(hour)} <CalendarHour hour={hour} />
<div className='grid-row-span-2 w-4 border-b border-r border-gray-300' /> <div className='grid-row-span-2 w-4 border-b border-r border-gray-300' />
{[...Array(cols).keys()].map(col => ( {[...Array(cols).keys()].map(col => (
<CalendarCell key={`${row}${col}`} row={row} col={col} /> <CalendarCell key={`${row}${col}`} row={row} col={col} />
@@ -64,7 +64,7 @@ export default function CalendarGrid({
</div> </div>
))} ))}
{[...Array(13).keys()].map(i => makeGridRow(i, 5))} {[...Array(13).keys()].map(i => makeGridRow(i, 5))}
{CalendarHour(21)} <CalendarHour hour={21} />
{Array(6) {Array(6)
.fill(1) .fill(1)
.map(() => ( .map(() => (
@@ -130,7 +130,7 @@ function AccountForCourseConflicts({ courseCells, setCourse }: AccountForCourseC
<div <div
key={`${JSON.stringify(block)}`} key={`${JSON.stringify(block)}`}
style={{ style={{
gridColumn: `${block.calendarGridPoint.dayIndex + 2}`, gridColumn: `${block.calendarGridPoint.dayIndex + 3}`,
gridRow: `${block.calendarGridPoint.startIndex} / ${block.calendarGridPoint.endIndex}`, gridRow: `${block.calendarGridPoint.startIndex} / ${block.calendarGridPoint.endIndex}`,
width: `calc(100% / ${block.totalColumns})`, width: `calc(100% / ${block.totalColumns})`,
marginLeft: `calc(100% * ${(block.gridColumnStart - 1) / block.totalColumns})`, marginLeft: `calc(100% * ${(block.gridColumnStart - 1) / block.totalColumns})`,