Capitalize status strings

client/views/clients/Detail.jsx

@@ -11,11 +11,15 @@ export default function Detail({ client, user }) {
         <div className="col-sm-5">
           <div className="card">
             <div className="card-body">
-              <h5 className="card-title">{event.eventType}</h5>
+              <h5 className="card-title text-capitalize">
+                {event.eventType.replace("_", " ")}
+              </h5>
               <h6 class="card-subtitle mb-2 text-muted">
                 {moment(event.createdAt).fromNow()}
               </h6>
-              <p className="card-text">{event.value}</p>
+              <p className="card-text text-capitalize">
+                {event.value.replace("_", " ")}
+              </p>
             </div>
           </div>
         </div>
@@ -26,7 +30,9 @@ export default function Detail({ client, user }) {
     <Layout user={user}>
       <h4 className="display-4">
         {client.name}{" "}
-        <span class="badge badge-pill badge-dark">{client.status}</span>
+        <span class="badge badge-pill badge-dark text-capitalize">
+          {client.status.replace("_", " ")}
+        </span>
       </h4>
 
       <h4 className="lead text-muted">{client.email}</h4>

client/views/clients/Index.jsx

@@ -10,7 +10,9 @@ export default function Clients({ clients, user }) {
       >
         <div class="d-flex w-100 justify-content-between">
           <h5 class="mb-1">{client.name}</h5>
-          <small>{client.status}</small>
+          <small className="text-capitalize">
+            {client.status.replace("_", " ")}
+          </small>
         </div>
         <p class="mb-1">{client.email}</p>
       </a>

server/routes/clients.js

@@ -10,9 +10,9 @@ router.get("/", async (req, res) => {
     (clients) => {
       return clients
         .map((client) => {
-          const status = client.events.filter(
-            (event) => event.eventType == "status_changed"
-          )[0];
+          const status = client.events
+            .filter((event) => event.eventType == "status_changed")
+            .reverse()[0];
           if (status) return { ...client.toJSON(), status: status.value };
           else return { ...client.toJSON(), status: "" };
         })