import React, {ReactNode, useEffect} from 'react';
import {Outlet} from "react-router-dom";
import {useNavigate, useParams} from "react-router-dom";
import useSettingsTree from "../hooks/useSettingsTree";

type SettingsCategoryPageProps = {
    children?: ReactNode
}

const SettingsCategoryPage = ({children}: SettingsCategoryPageProps) => {

    const {settings_cat} = useParams()
    const {isSettingCat} = useSettingsTree()
    const navigate = useNavigate()

    useEffect(()=>{
        if(!isSettingCat()){
            navigate('/settings')
        }
    }, [settings_cat])


    return (
      <Outlet/>
    );
}

export default SettingsCategoryPage;