You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.0 KiB
50 lines
1.0 KiB
import {
|
|
createBrowserRouter,
|
|
RouterProvider,
|
|
} from "react-router-dom";
|
|
import './App.css'
|
|
import { NotificationProvider } from "./context/NotificationContext";
|
|
|
|
//pages
|
|
import PageBase from "./pages/PageBase/PageBase";
|
|
import NewCliente from "./pages/Cliente/NewCliente";
|
|
import { notification } from "antd";
|
|
import { IconType } from "antd/es/notification/interface";
|
|
|
|
const router = createBrowserRouter([
|
|
{
|
|
path: "/",
|
|
element: <PageBase/>,
|
|
children:[
|
|
{
|
|
path:"/cliente/new",
|
|
element: <NewCliente/>
|
|
}
|
|
]
|
|
},
|
|
|
|
]);
|
|
|
|
function App() {
|
|
|
|
const [api, contextHolder] = notification.useNotification();
|
|
|
|
const openNotification = (message:string, description:string, type:IconType) => {
|
|
api.open({
|
|
type:type,
|
|
message: message,
|
|
description: description,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<div className='App'>
|
|
<NotificationProvider value={{openNotification}} >
|
|
{contextHolder}
|
|
<RouterProvider router={router}/>
|
|
</NotificationProvider>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default App
|