diff --git a/components/StaticToast.tsx b/components/StaticToast.tsx index 46dbd5f..1c52a9a 100644 --- a/components/StaticToast.tsx +++ b/components/StaticToast.tsx @@ -1,23 +1,36 @@ -import Toast from 'react-bootstrap/Toast'; -import ToastContainer from 'react-bootstrap/ToastContainer'; +import { useState } from "react"; +import Toast from "react-bootstrap/Toast"; +import ToastContainer from "react-bootstrap/ToastContainer"; export interface StaticPopoverProps { - title: string | JSX.Element; - body: string | JSX.Element; - align_center?: boolean; + title: string | JSX.Element; + body: string | JSX.Element; + align_center?: boolean; } export const StaticToast: React.FC = ({ title, body, align_center }) => { - return ( - - - - {title} - - - {body} - - - - ) -} \ No newline at end of file + const [showSecondToast, setShowSecondToast] = useState(true); + + return ( + <> + + setShowSecondToast(false)} style={{ zIndex: "initial" }}> + + 🟠 Temporary reminder + + +

+ These errors are not linked to MK8: +

+
  • 101-xxxx are linked to the Friend server
  • +
  • 118-xxxx are linked to P2P (PIA)
  • +
    +
    + + {title} + {body} + +
    + + ); +};