From c3f6f763b4c3c5c9510a1454f761b10fd67641ba Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Tue, 28 Nov 2023 09:49:30 -0500
Subject: [PATCH] capitalize editor theme display

---
 frontend/src/components/SettingsDialog.tsx |  3 ++-
 frontend/src/lib/utils.ts                  | 12 ++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SettingsDialog.tsx b/frontend/src/components/SettingsDialog.tsx
index bddd444..215b0ea 100644
--- a/frontend/src/components/SettingsDialog.tsx
+++ b/frontend/src/components/SettingsDialog.tsx
@@ -14,6 +14,7 @@ import { Switch } from "./ui/switch";
 import { Label } from "./ui/label";
 import { Input } from "./ui/input";
 import { Select, SelectContent, SelectItem, SelectTrigger } from "./ui/select";
+import { capitalize } from "../lib/utils";
 
 interface Props {
   settings: Settings;
@@ -115,7 +116,7 @@ function SettingsDialog({ settings, setSettings }: Props) {
               onValueChange={(value) => handleThemeChange(value as EditorTheme)}
             >
               <SelectTrigger className="w-[180px]">
-                {settings.editorTheme}
+                {capitalize(settings.editorTheme)}
               </SelectTrigger>
               <SelectContent>
                 <SelectItem value="cobalt">Cobalt</SelectItem>
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index ec79801..deaefb5 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -1,6 +1,10 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
- 
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
+}
+
+export function capitalize(str: string) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
 }