Resident Status Style

[owen-sellner]

Notion task link

N/A

Implementation description

• Added ResidentStatus enum to ResidentTypes.ts to ensure status string values are consistant
• Updated resident status function in ResidentDirectoryTable.tsx to include "Future" as a status
• Added getStatusColor method to ResidentDirectoryTable.tsx to convert the status to color

Steps to test

1. Create three new residents (use create-residents.sh)
2. Edit the Start Date and End Date for the residents and verify that the status is correct

What should reviewers focus on?

• Are the colours for the statuses okay? (They match the employee directory)

Screenshot

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR
• If I have made API changes, I have updated the REST API Docs
• IF I have made changes to the db/models, I have updated the Data Models Page
• I have documented this PR in the Production Release Page
• I have updated other Docs as needed

[github-actions]

Visit the preview URL for this PR (updated for commit 50cfd6b):

https://blueprintsupportivehousing--pr210-owen-resident-status-8ysuqk7k.web.app

_{(expires Sun, 10 Dec 2023 21:10:28 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: f6bcdba7452bf82a6ec1a299c37d1bdff7870d09}

[connor-bechthold]

With these bubbles I think it looks better if it's centered in the column similar to how it's done in the Employee Directory

Also, there's a bug if you set the end date to the same date as the current date - it shows Past instead of Current. I believe this has to do with the fact that the new Date() you're making has hours associated with it; if you set the hours, minutes, and seconds, to 0 it should fix this.

Colours on the status looks great tho, frontend god strikes again 💯

[phamkelly17]

nit: could make this an else if lol

[phamkelly17]

lgtm alpha

[connor-bechthold]

LGTM