brandonhach commented 1 month ago

Overview

Completed the reputation tab.

36

As a user, I want to see my reputation rating.
As a user, I want to leave a rep on a profile and explain why I rated them with Logs.
As a developer, I want to limit users to only leaving one rep per profile page.
As a developer, I want reps to change the like dynamically and dislikes counter on the profile card.
As a user, I want a clean UI layout when filling out a rep form.

Form validation with Zod.
Dynamic form inputs and inputs registered using react-hook-form.
Term of Service checkboxes.
Installed react-hot-toast for the toast popup. Custom toast cToast.tsx.
Users can now click on a comment's avatar to redirect them to the respected profile.

add-rep.ts convert HTML form to use react-hook-form & create rep and log object if inputs match the zod schema validation.
Removed the userId prop in ProfileCard.tsx to opt into using useSession() instead.
Made a nested form in RepForm.tsx for separation of concern.
Changed site-config.ts lorem to hold a term of service documentation.
getReps() in profile-data.ts changed to fetch by latest reputation made.
Define all zod schemas in types/schema.ts for form validation (also used in server action).
Added field userId to type TRep in types.ts

Logs do not work yet. Looking to implement it next sprint.

rep tab

error tab

290358234-e9d960b1-969a-4e65-9360-fe167b021ed1

brandonhach commented 1 month ago

Recording made the input field border look incredibly thin.

brandonhach commented 1 month ago

Forgot to implement a limit on creating a rep from each person