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.
Unleash · Jul 25, 2024 · dc37503 · dc37503
1 parent 10489c7
commit dc37503
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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',
                 });