From ec2c617a56a6eb19cca0ce253b6c973631dd8cc3 Mon Sep 17 00:00:00 2001
From: Jane Moroz <Moroz.jane@yahoo.com>
Date: Sat, 23 Sep 2023 15:27:48 +0300
Subject: [PATCH] feat: add temporaty modal controls to root page

---
 src/app/page.tsx                            |  4 +++-
 src/components/modals/TempModalControls.tsx | 26 +++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 src/components/modals/TempModalControls.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a7345d20..8bfc8b0e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,7 @@
 // replace with dashboard page when that's completed
 
+import TempModalControls from "@/components/modals/TempModalControls";
+
 export default function Home() {
-  return null;
+  return <TempModalControls />;
 }
diff --git a/src/components/modals/TempModalControls.tsx b/src/components/modals/TempModalControls.tsx
new file mode 100644
index 00000000..77db4522
--- /dev/null
+++ b/src/components/modals/TempModalControls.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { useAppDispatch } from "@/store";
+import { onOpen } from "@/store/features/modal";
+
+export default function TempModalControls() {
+  const dispatch = useAppDispatch();
+  return (
+    <div className="flex flex-col p-6 gap-y-4">
+      <button
+        type="button"
+        onClick={() => dispatch(onOpen({ type: "example1" }))}
+        className="border-none btn bg-primary"
+      >
+        Modal 1
+      </button>
+      <button
+        type="button"
+        onClick={() => dispatch(onOpen({ type: "example2" }))}
+        className="border-none btn bg-primary"
+      >
+        Modal 2
+      </button>
+    </div>
+  );
+}