Added a work in progress toast message

This commit is contained in:
2023-06-01 01:40:54 -05:00
parent 18b00fd9e8
commit 3fcd7928da
2 changed files with 15 additions and 2 deletions

View File

@@ -7,7 +7,7 @@ import "~/styles/globals.css";
const MyApp: AppType = ({ Component, pageProps }) => {
return (
<RootLayout>
<Toaster position="top-center" />
<Toaster position="bottom-right" />
<Component {...pageProps} />
</RootLayout>
);

View File

@@ -8,9 +8,22 @@ import { Container } from "~/components/Container";
import { Polaroid } from "~/components/Polaroid";
import { ProjectDescription } from "~/components/ProjectDescription";
import { projects } from "~/constants/projects";
import { MdArrowCircleDown } from "react-icons/md";
import { MdArrowCircleDown, MdConstruction } from "react-icons/md";
import { toast } from "react-hot-toast";
const Home: NextPage = () => {
// Show toast message to indicate that we're under development
useEffect(() => {
toast(
"Attention: Early Visitors!\n\nWe're currently in development mode, so please bear with us while we work hard to bring you an amazing experience.",
{
icon: <MdConstruction size="10rem" className="text-orange" />,
duration: Infinity,
className: "border-l-orange border-l-4",
}
);
}, []);
return (
<>
<Head>