diff --git a/src/components/CommonLayout.tsx b/src/components/CommonLayout.tsx
index 4600394..a3f9ec8 100644
--- a/src/components/CommonLayout.tsx
+++ b/src/components/CommonLayout.tsx
@@ -19,15 +19,45 @@ import { graphql, useStaticQuery } from "gatsby"
import { SnackbarProvider } from "notistack"
import React from "react"
import { Provider as ReduxProvider } from "react-redux"
+import {} from "lodash"
import Box from "@mui/material/Box"
import CssBaseline from "@mui/material/CssBaseline"
import { StyledEngineProvider } from "@mui/material/styles"
import ThemeProvider from "@mui/material/styles/ThemeProvider"
+import Alert from "@mui/material/Alert"
import { theme } from "../ThemeOptions"
import { appStore } from "../viewmodel"
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
+const InfoAlert = React.forwardRef(({ message }: any, ref: any) => (
+
+ {message}
+
+))
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
+const ErrorAlert = React.forwardRef(({ message }: any, ref: any) => (
+
+ {message}
+
+))
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
+const WarningAlert = React.forwardRef(({ message }: any, ref: any) => (
+
+ {message}
+
+))
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
+const SuccessAlert = React.forwardRef(({ message }: any, ref: any) => (
+
+ {message}
+
+))
+
export interface ICommonPageLayoutProps {
readonly children: React.ReactNode
}
@@ -37,6 +67,13 @@ export const CommonPageLayout = ({ children }: ICommonPageLayoutProps) => {
{
>
{content}
-
+
{t("typ_p_portrait")}