From 4a310ab962909a7a6740dfd67f6aa878b3ba1f30 Mon Sep 17 00:00:00 2001 From: SafeDuck Date: Mon, 11 Nov 2024 16:48:56 -0800 Subject: [PATCH] Waiver Form, Social Media component --- package-lock.json | 29 ++- package.json | 1 + public/home/socialMedia.svg | 17 ++ src/app/layout.tsx | 6 +- src/app/waiver/page.tsx | 281 ++++++++++++++++++++++++++++- src/components/FormButton.tsx | 11 ++ src/components/Navigation.tsx | 4 +- src/components/home/FormHeader.tsx | 2 +- src/components/home/Socials.tsx | 18 +- 9 files changed, 356 insertions(+), 13 deletions(-) create mode 100644 public/home/socialMedia.svg create mode 100644 src/components/FormButton.tsx diff --git a/package-lock.json b/package-lock.json index 0b8bc1c..ea9a3b8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "next": "^14.2.10", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-hot-toast": "^2.4.1", "react-icons": "^5.3.0" }, "devDependencies": { @@ -1548,8 +1549,7 @@ "node_modules/csstype": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", - "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", - "dev": true + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" }, "node_modules/data-view-buffer": { "version": "1.0.1", @@ -2534,6 +2534,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/goober": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.16.tgz", + "integrity": "sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==", + "license": "MIT", + "peerDependencies": { + "csstype": "^3.0.10" + } + }, "node_modules/gopd": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", @@ -4505,6 +4514,22 @@ "react": "^18.3.1" } }, + "node_modules/react-hot-toast": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.4.1.tgz", + "integrity": "sha512-j8z+cQbWIM5LY37pR6uZR6D4LfseplqnuAO4co4u8917hBUvXlEqyP1ZzqVLcqoyUesZZv/ImreoCeHVDpE5pQ==", + "license": "MIT", + "dependencies": { + "goober": "^2.1.10" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">=16", + "react-dom": ">=16" + } + }, "node_modules/react-icons": { "version": "5.3.0", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz", diff --git a/package.json b/package.json index 2b20289..f9112a5 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "next": "^14.2.10", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-hot-toast": "^2.4.1", "react-icons": "^5.3.0" }, "devDependencies": { diff --git a/public/home/socialMedia.svg b/public/home/socialMedia.svg new file mode 100644 index 0000000..2241c94 --- /dev/null +++ b/public/home/socialMedia.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 416e2c4..0a509a2 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -8,6 +8,7 @@ import { import { ReactQueryClientProvider } from "@/utils/react-query"; import Navigation from "@/components/Navigation"; import Footer from "@/components/Footer"; +import { Toaster } from "react-hot-toast"; const archivo_narrow = Archivo_Narrow({ subsets: ["latin"], @@ -48,7 +49,10 @@ export default function RootLayout({ children }: LayoutProps) { >
- {children} + + + {children} +