By using react-router and react-router/dom imports as stated in documentation https://reactrouter.com/upgrading/v6#upgrade-to-v7
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
/*
|
|
* Copyright (c) [2024] SUSE LLC
|
|
*
|
|
* All Rights Reserved.
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify it
|
|
* under the terms of the GNU General Public License as published by the Free
|
|
* Software Foundation; either version 2 of the License, or (at your option)
|
|
* any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
|
|
* more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along
|
|
* with this program; if not, contact SUSE LLC.
|
|
*
|
|
* To contact SUSE LLC about this file by physical or electronic mail, you may
|
|
* find current contact information at www.suse.com.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { Navigate, Outlet } from "react-router";
|
|
import { useAuth } from "./context/auth";
|
|
import { AppProviders } from "./context/app";
|
|
|
|
export default function Protected() {
|
|
const { isLoggedIn } = useAuth();
|
|
|
|
// It is not known yet whether the user is logged or not.
|
|
if (isLoggedIn === undefined) return;
|
|
|
|
if (isLoggedIn === false) {
|
|
return <Navigate to="/login" />;
|
|
}
|
|
|
|
return (
|
|
<AppProviders>
|
|
<Outlet />
|
|
</AppProviders>
|
|
);
|
|
}
|