Remove first char upper case for realm (#3412)

apps/admin-ui/src/components/realm-selector/RealmSelector.tsx

@@ -20,7 +20,6 @@ import { useRealms } from "../../context/RealmsContext";
 import { useWhoAmI } from "../../context/whoami/WhoAmI";
 import { toDashboard } from "../../dashboard/routes/Dashboard";
 import { toAddRealm } from "../../realm/routes/AddRealm";
-import { toUpperCase } from "../../util";
 import { RecentUsed } from "./recent-used";
 
 import "./realm-selector.css";
@@ -59,7 +58,7 @@ export const RealmSelector = () => {
 
   const RealmText = ({ value }: { value: string }) => (
     <Split className="keycloak__realm_selector__list-item-split">
-      <SplitItem isFilled>{toUpperCase(value)}</SplitItem>
+      <SplitItem isFilled>{value}</SplitItem>
       <SplitItem>{value === realm && <CheckIcon />}</SplitItem>
     </Split>
   );
@@ -112,9 +111,9 @@ export const RealmSelector = () => {
       {realms.length > 5 && (
         <ContextSelector
           data-testid="realmSelector"
-          toggleText={toUpperCase(realm)}
+          toggleText={realm}
           isOpen={open}
-          screenReaderLabel={toUpperCase(realm)}
+          screenReaderLabel={realm}
           onToggle={() => setOpen(!open)}
           onSelect={(_, r) => {
             let element: ReactElement;
@@ -159,7 +158,7 @@ export const RealmSelector = () => {
               onToggle={() => setOpen(!open)}
               className="keycloak__realm_selector_dropdown__toggle"
             >
-              {toUpperCase(realm)}
+              {realm}
             </DropdownToggle>
           }
           dropdownItems={[...dropdownItems, addRealmComponent]}

apps/admin-ui/src/dashboard/Dashboard.tsx

@@ -128,9 +128,7 @@ const Dashboard = () => {
     <>
       <PageSection variant="light">
         <TextContent className="pf-u-mr-sm">
-          <Text component="h1">
-            {t("realmName", { name: toUpperCase(realm) })}
-          </Text>
+          <Text component="h1">{t("realmName", { name: realm })}</Text>
           <Text>
             <Trans t={t} i18nKey="adminUiVersion">
               <strong>Admin UI version</strong>

apps/admin-ui/src/realm-settings/RealmSettingsTabs.tsx

@@ -26,11 +26,7 @@ import { useRealms } from "../context/RealmsContext";
 import { ViewHeader } from "../components/view-header/ViewHeader";
 import { useAdminClient } from "../context/auth/AdminClient";
 import { useAlerts } from "../components/alert/Alerts";
-import {
-  convertFormValuesToObject,
-  convertToFormValues,
-  toUpperCase,
-} from "../util";
+import { convertFormValuesToObject, convertToFormValues } from "../util";
 
 import { RealmSettingsEmailTab } from "./EmailTab";
 import { EventsTab } from "./event-config/EventsTab";
@@ -120,7 +116,7 @@ const RealmSettingsHeader = ({
         onClose={() => setPartialExportOpen(false)}
       />
       <ViewHeader
-        titleKey={toUpperCase(realmName)}
+        titleKey={realmName}
         subKey="realm-settings:realmSettingsExplain"
         helpUrl={helpUrls.realmSettingsUrl}
         divider={false}