425 bug available soon text aligned weird sometimes

[sobariu]

Before, the "Available Soon" text was formatted weirdly because the text was overflowing, and so that's why it takes up two lines rather than just one. This can be reproduced if you go to webster building and set time to 6/3/2024 3:25PM.

This was the image of how it looked before:

I added a line of code that basically sets the text of the status of the rooms to be "nowrap", so it doesn't get the weird formatting. whiteSpace: "nowrap" This is how it looks now:

In terms of testing, I struggled a bit here to test with BuildingDrawer component because I had to render with redux, but then it couldn't fetch the data of the rooms. Therefore, I had to make a new file in views called RoomAvailabilityBox.tsx, which allowed me to export the 'RoomAvailabilityBox` component and test it directly.

Note though that I didn't really delete any code from BuildingDrawer.tsx, so there's duplicate code in RoomAvailabilityBox.tsx and BuildingDrawer.tsx.

[JessicaF]

@sobariu Don't forget to add Richard and I as reviewers so we get notified about it via email 😎

[sobariu]

Hi, I pushed new changes to the branch.

• I removed the RoomAvailabilityBox component that was declared in BuildingDrawer.tsx.
• Test still pass and the 'Available soon' text is fixed
• In terms of linting, my VSCode says there's no error, although that might be because of how my VSCode is set. I ran npm run lint to double check.
• In terms of the package-lock.json file, I don't recall making any changes to the file, so I am unsure why it says i did. I double checked the file with the one in the main branch and nothing has changed.

[SkellyBG]

• In terms of the package-lock.json file, I don't recall making any changes to the file, so I am unsure why it says i did. I double checked the file with the one in the main branch and nothing has changed.

Looks like you're adding a package-lock.json file to the monorepo root (the package-lock.json file in the frontend isn't touched!) - you may have accidentally run npm install in the root folder instead? In any case, you should remove it from the diff.

• In terms of linting, my VSCode says there's no error, although that might be because of how my VSCode is set. I ran npm run lint to double check.

Lints seem fine on my VSCode too - @JessicaF could you send the error that your VSCode is having?

[sobariu]

• In terms of the package-lock.json file, I don't recall making any changes to the file, so I am unsure why it says i did. I double checked the file with the one in the main branch and nothing has changed.

Looks like you're adding a package-lock.json file to the monorepo root (the package-lock.json file in the frontend isn't touched!) - you may have accidentally run npm install in the root folder instead? In any case, you should remove it from the diff.

Oh thank you for that! I probably did run npm install in the root folder by accident ;-; I made a new push that removes this file :)))