feat: remove a skill category empty

components/admin/skills/skills-management-page.tsx

@@ -8,7 +8,10 @@ import { SkillCategory, Team } from "@/lib/types";
 import { TreeViewPage } from "../management/tree-view-page";
 import { useTreeView } from "@/hooks/use-tree-view";
 import { useFormDialog } from "@/hooks/use-form-dialog";
-import { useSkillsManagement } from "@/hooks/use-skills-management";
+import {
+  useSkillsManagement,
+  useSkillCategoriesManagement,
+} from "@/hooks/use-skills-management";
 import { SkillFormDialog } from "./skill-form-dialog";
 import { SkillsList } from "./skills-list";
 
@@ -18,10 +21,15 @@ interface SkillsManagementPageProps {
 }
 
 export function SkillsManagementPage({
-  skillCategories,
+  skillCategories: initialSkillCategories,
   initialSkills,
 }: SkillsManagementPageProps) {
   const [searchTerm, setSearchTerm] = useState("");
+
+  // Utiliser le hook dédié pour la gestion des catégories
+  const { skillCategories, handleDeleteCategory } =
+    useSkillCategoriesManagement(initialSkillCategories);
+
   const {
     isCreateDialogOpen,
     isEditDialogOpen,
@@ -58,6 +66,7 @@ export function SkillsManagementPage({
     groupBy: (skill) => skill.category,
     searchTerm,
     onSearchChange: setSearchTerm,
+    availableCategories: skillCategories.map((cat) => cat.name), // Ajouter les catégories disponibles
   });
 
   const handleCreateSubmit = async () => {
@@ -127,6 +136,7 @@ export function SkillsManagementPage({
           onToggleCategory={toggleCategory}
           onEditSkill={handleOpenEditDialog}
           onDeleteSkill={handleDeleteSkill}
+          onDeleteCategory={handleDeleteCategory}
         />
       </TreeViewPage>