Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

capitalize editor theme display

Browse Source
This commit is contained in:
Abi Raja 2023-11-28 09:49:30 -05:00
parent 397fa0630f
commit c3f6f763b4
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/SettingsDialog.tsx
View File

@ -14,6 +14,7 @@ import { Switch } from "./ui/switch";
import { Label } from "./ui/label"; import { Label } from "./ui/label";
import { Input } from "./ui/input"; import { Input } from "./ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger } from "./ui/select"; import { Select, SelectContent, SelectItem, SelectTrigger } from "./ui/select";
import { capitalize } from "../lib/utils";
interface Props { interface Props {
settings: Settings; settings: Settings;
@ -115,7 +116,7 @@ function SettingsDialog({ settings, setSettings }: Props) {
onValueChange={(value) => handleThemeChange(value as EditorTheme)} onValueChange={(value) => handleThemeChange(value as EditorTheme)}
> >
<SelectTrigger className="w-[180px]"> <SelectTrigger className="w-[180px]">
{settings.editorTheme} {capitalize(settings.editorTheme)}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="cobalt">Cobalt</SelectItem> <SelectItem value="cobalt">Cobalt</SelectItem>

10
frontend/src/lib/utils.ts
View File

@ -1,6 +1,10 @@
import { type ClassValue, clsx } from "clsx" import { type ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge" import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) { 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);
} }