All files / layouts/BasicLayout BasicLayout.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
 
 
 
78x
78x
78x
 
78x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import type { ReactNode } from "react";
import AppNavbar from "main/components/Nav/AppNavbar";
import Footer from "main/components/Nav/Footer";
import { useCurrentUser, useLogout } from "main/utils/currentUser";
import { useSystemInfo } from "main/utils/systemInfo";
 
interface BasicLayoutProps {
  children: ReactNode;
}
 
export default function BasicLayout({ children }: BasicLayoutProps) {
  const doLogout = useLogout().mutate;
  const currentUser = useCurrentUser();
  const { data: systemInfo } = useSystemInfo();
 
  return (
    <div className="BasicLayout" data-testid="BasicLayout">
      <AppNavbar
        doLogout={doLogout}
        currentUser={currentUser}
        systemInfo={systemInfo}
      />
      <main className="main-content" data-testid="BasicLayout-main-content">
        {children}
      </main>
      <Footer />
    </div>
  );
}