Fixes after review

Author: olgenn

frontend/src/components/form/Toogle/index.tsx

@@ -18,6 +18,7 @@ export const FormToggle = <T extends FieldValues>({
     leftContent,
     toggleLabel,
     onChange: onChangeProp,
+    toggleDescription,
     ...props
 }: FormToggleProps<T>) => {
     return (
@@ -28,6 +29,7 @@ export const FormToggle = <T extends FieldValues>({
             render={({ field: { onChange, value, ...fieldRest }, fieldState: { error } }) => {
                 return (
                     <FormField
+                        description={description}
                         label={label}
                         info={info}
                         stretch={stretch}
@@ -45,7 +47,7 @@ export const FormToggle = <T extends FieldValues>({
                                 onChange(event.detail.checked);
                                 onChangeProp?.(event);
                             }}
-                            description={description}
+                            description={toggleDescription}
                         >
                             {toggleLabel}
                         </ToggleCSD>

frontend/src/components/form/Toogle/types.ts

@@ -6,6 +6,7 @@ import { ToggleProps } from '@cloudscape-design/components/toggle';
 export type FormToggleProps<T extends FieldValues> = Omit<ToggleProps, 'value' | 'checked' | 'name'> &
     Omit<FormFieldProps, 'errorText'> &
     Pick<ControllerProps<T>, 'control' | 'name' | 'rules'> & {
+        toggleDescription?: ReactNode;
         leftContent?: ReactNode;
         toggleLabel?: ReactNode | string;
     };

frontend/src/locale/en.json

@@ -6,8 +6,8 @@
     "add": "Add",
     "yes": "Yes",
     "no": "No",
-    "create_": "Create",
-    "create": "Create {{text}}",
+    "create": "Create",
+    "create_wit_text": "Create {{text}}",
     "edit": "Edit",
     "delete": "Delete",
     "remove": "Remove",

frontend/src/pages/Project/Add/index.tsx

@@ -23,7 +23,7 @@ export const ProjectAdd: React.FC = () => {
             href: ROUTES.PROJECT.LIST,
         },
         {
-            text: t('common.create', { text: t('navigation.project') }),
+            text: t('common.create_wit_text', { text: t('navigation.project') }),
             href: ROUTES.PROJECT.ADD,
         },
     ]);

frontend/src/pages/Project/CreateWizard/index.tsx

@@ -136,7 +136,7 @@ export const CreateProjectWizard: React.FC = () => {
             href: ROUTES.PROJECT.LIST,
         },
         {
-            text: t('common.create', { text: t('navigation.project') }),
+            text: t('common.create_wit_text', { text: t('navigation.project') }),
             href: ROUTES.PROJECT.ADD,
         },
     ]);

frontend/src/pages/Project/List/index.tsx

@@ -54,7 +54,7 @@ export const ProjectList: React.FC = () => {
     const renderEmptyMessage = (): React.ReactNode => {
         return (
             <ListEmptyMessage title={t('projects.empty_message_title')} message={t('projects.empty_message_text')}>
-                {isAvailableProjectManaging && <Button onClick={addProjectHandler}>{t('common.create_')}</Button>}
+                {isAvailableProjectManaging && <Button onClick={addProjectHandler}>{t('common.create')}</Button>}
             </ListEmptyMessage>
         );
     };
@@ -137,7 +137,7 @@ export const ProjectList: React.FC = () => {
                                         {t('common.delete')}
                                     </ButtonWithConfirmation>
 
-                                    <Button onClick={addProjectHandler}>{t('common.create_')}</Button>
+                                    <Button onClick={addProjectHandler}>{t('common.create')}</Button>
 
                                     <Button
                                         iconName="refresh"