+4 -2

apps/dashboard/src/components/forms/status-page/form-configuration.tsx

reviewed

··· 376 376 !field.value && "text-muted-foreground", 377 377 )} 378 378 > 379 379 - {THEMES[field.value as ThemeKey]?.name || 380 380 - "Select a theme"} 379 379 + <span className="truncate"> 380 380 + {THEMES[field.value as ThemeKey]?.name || 381 381 + "Select a theme"} 382 382 + </span> 381 383 <ChevronsUpDown className="opacity-50" /> 382 384 </Button> 383 385 </FormControl>

+5 -2

apps/status-page/src/components/status-page/floating-button.tsx

reviewed

··· 3 3 import { ThemeSelect } from "@/components/themes/theme-select"; 4 4 import { Button } from "@/components/ui/button"; 5 5 import { 6 6 + Command, 6 7 CommandEmpty, 7 8 CommandGroup, 8 9 CommandInput, ··· 25 26 import { Separator } from "@/components/ui/separator"; 26 27 import { cn } from "@/lib/utils"; 27 28 import { THEMES, THEME_KEYS } from "@openstatus/theme-store"; 28 28 - import { Check, ChevronsUpDown, Command, Settings } from "lucide-react"; 29 29 + import { Check, ChevronsUpDown, Settings } from "lucide-react"; 29 30 import { useTheme } from "next-themes"; 30 31 import { parseAsString, useQueryState } from "nuqs"; 31 32 import type React from "react"; ··· 329 330 role="combobox" 330 331 className="w-full justify-between font-normal" 331 332 > 332 332 - {communityTheme} 333 333 + <span className="truncate"> 334 334 + {THEMES[communityTheme].name} 335 335 + </span> 333 336 <ChevronsUpDown className="opacity-50" /> 334 337 </Button> 335 338 </PopoverTrigger>

+3 -1

apps/status-page/src/components/status-page/floating-theme.tsx

reviewed

··· 79 79 role="combobox" 80 80 className="w-full justify-between font-normal" 81 81 > 82 82 - {THEMES[communityTheme].name} 82 82 + <span className="truncate"> 83 83 + {THEMES[communityTheme].name} 84 84 + </span> 83 85 <ChevronsUpDown className="opacity-50" /> 84 86 </Button> 85 87 </PopoverTrigger>