TSJR-314 fixes to skills modal

Author: vas3a

src/apps/admin/src/skills-manager/components/skill-modal/SkillModal.tsx

@@ -68,7 +68,7 @@ const SkillModal: FC<SkillModalProps> = props => {
 
     const formValue = useMemo(() => ({
         ...(props.skill as any),
-        categoryId: props.skill.category.id,
+        categoryId: props.skill.category?.id,
     } as FormValue), [props.skill])
 
     function renderForm(): ReactNode {

src/apps/admin/src/skills-manager/components/skill-modal/skill-form.config.ts

@@ -21,20 +21,21 @@ export const skillFormDef = (
     buttons: {
         primaryGroup: [
             {
-                buttonStyle: 'secondary',
+                buttonLight: true,
+                buttonStyle: 'primary',
                 isSubmit: false,
                 label: 'Cancel',
                 onClick: onCancelClick,
                 size: 'lg',
                 type: 'button',
             },
-            {
+            ...(action === 'add' ? [{
                 buttonStyle: 'secondary',
                 isSubmit: true,
                 label: 'Save and add another',
                 size: 'lg',
                 type: 'submit',
-            },
+            }] : []),
             {
                 buttonStyle: 'primary',
                 isSubmit: true,
@@ -80,6 +81,7 @@ export const skillFormDef = (
                     ],
                 },
                 {
+                    creatable: true,
                     label: 'Skill Category',
                     name: SkillFormField.category,
                     options: mapCategoryToSelectOption(categories ?? []),