From 25160bb39cada41647fef5044a640cce36ed607a Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Tue, 16 Jan 2024 12:12:59 +0100
Subject: [PATCH] Capitalize cob state badge

---
 src/views/projects/Issue.svelte | 5 +++--
 src/views/projects/Patch.svelte | 2 +-
 tests/e2e/project/patch.spec.ts | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/projects/Issue.svelte b/src/views/projects/Issue.svelte
index 4f2321cd0..706b3870f 100644
--- a/src/views/projects/Issue.svelte
+++ b/src/views/projects/Issue.svelte
@@ -8,6 +8,7 @@
   } from "@httpd-client";
   import type { Session } from "@app/lib/httpd";
 
+  import capitalize from "lodash/capitalize";
   import isEqual from "lodash/isEqual";
   import uniqBy from "lodash/uniqBy";
   import partial from "lodash/partial";
@@ -486,12 +487,12 @@
           {#if issue.state.status === "open"}
             <Badge size="tiny" variant="positive">
               <IconSmall name="issue" />
-              {issue.state.status}
+              {capitalize(issue.state.status)}
             </Badge>
           {:else}
             <Badge size="tiny" variant="negative">
               <IconSmall name="issue" />
-              {issue.state.status} as
+              {capitalize(issue.state.status)} as
               {issue.state.reason}
             </Badge>
           {/if}
diff --git a/src/views/projects/Patch.svelte b/src/views/projects/Patch.svelte
index bfbca829e..6b3aba6a8 100644
--- a/src/views/projects/Patch.svelte
+++ b/src/views/projects/Patch.svelte
@@ -665,7 +665,7 @@
         <svelte:fragment slot="state">
           <Badge size="tiny" variant={badgeColor(patch.state.status)}>
             <IconSmall name="patch" />
-            {patch.state.status}
+            {capitalize(patch.state.status)}
           </Badge>
         </svelte:fragment>
         <svelte:fragment slot="description">
diff --git a/tests/e2e/project/patch.spec.ts b/tests/e2e/project/patch.spec.ts
index 13c3251d4..e10c4792e 100644
--- a/tests/e2e/project/patch.spec.ts
+++ b/tests/e2e/project/patch.spec.ts
@@ -154,13 +154,13 @@ test("change patch state", async ({ page, authenticatedPeer }) => {
   );
   await page.goto(`${authenticatedPeer.uiUrl()}/${rid}/patches/${patchId}`);
   await page.getByRole("button", { name: "Archive patch" }).first().click();
-  await expect(page.getByText("archived", { exact: true })).toBeVisible();
+  await expect(page.getByText("Archived", { exact: true })).toBeVisible();
   await expect(page.getByRole("button", { name: "Patches 0" })).toBeVisible();
 
   await page.getByLabel("stateToggle").first().click();
   await page.getByText("Convert to draft").click();
   await page.getByText("Convert to draft").click();
-  await expect(page.getByText("draft", { exact: true })).toBeVisible();
+  await expect(page.getByText("Draft", { exact: true })).toBeVisible();
   await expect(page.getByRole("button", { name: "Patches 0" })).toBeVisible();
 });