From dc37503b7d036d4d8994cded15e95ab29dea7c98 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 25 Jul 2024 14:27:46 +0200
Subject: [PATCH] fix: Capitalize input labels (#7667)

This change makes it so that all form input labels start with a
capital letter, regardless of the data we use to generate them.

Also fixes a leftover toggle -> flag renaming.
---
 .../common/DialogFormTemplate/DialogFormTemplate.styles.tsx   | 3 +++
 .../src/component/feature/CreateFeature/CreateFeature.tsx     | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/common/DialogFormTemplate/DialogFormTemplate.styles.tsx b/frontend/src/component/common/DialogFormTemplate/DialogFormTemplate.styles.tsx
index 9026f8017e..4b80f10485 100644
--- a/frontend/src/component/common/DialogFormTemplate/DialogFormTemplate.styles.tsx
+++ b/frontend/src/component/common/DialogFormTemplate/DialogFormTemplate.styles.tsx
@@ -46,6 +46,9 @@ export const ProjectDescriptionContainer = styled('div')({
 export const StyledInput = styled(Input)({
     width: '100%',
     fieldset: { border: 'none' },
+    'label::first-letter': {
+        textTransform: 'uppercase',
+    },
 });
 
 export const ConfigButtons = styled(StyledFormSection)(({ theme }) => ({
diff --git a/frontend/src/component/feature/CreateFeature/CreateFeature.tsx b/frontend/src/component/feature/CreateFeature/CreateFeature.tsx
index 52811c5833..bb059bf26f 100644
--- a/frontend/src/component/feature/CreateFeature/CreateFeature.tsx
+++ b/frontend/src/component/feature/CreateFeature/CreateFeature.tsx
@@ -134,8 +134,8 @@ const CreateFeature = () => {
                     replace: true,
                 });
                 setToastData({
-                    title: 'Toggle created successfully',
-                    text: 'Now you can start using your toggle.',
+                    title: 'Flag created successfully',
+                    text: 'Now you can start using your flag.',
                     confetti: true,
                     type: 'success',
                 });