From fbbd183c4b635184f661e0ff8707ab09bf32e581 Mon Sep 17 00:00:00 2001
From: bedlam343 <jagik22@gmail.com>
Date: Tue, 2 Apr 2024 11:37:37 -0700
Subject: [PATCH] run monitor at 1 second intervals

---
 .prettierrc.json                                  |  2 +-
 src/components/Prototype.tsx                      | 12 ++++++++++++
 src/{hooks/useMonitor.ts => prototype/monitor.ts} |  6 ++++--
 src/{hooks => prototype}/useAssimilator.ts        |  0
 src/{hooks => prototype}/useRestrainer.ts         |  0
 src/{hooks => prototype}/useSelector.ts           |  0
 src/utils/constants.ts                            |  1 +
 7 files changed, 18 insertions(+), 3 deletions(-)
 rename src/{hooks/useMonitor.ts => prototype/monitor.ts} (62%)
 rename src/{hooks => prototype}/useAssimilator.ts (100%)
 rename src/{hooks => prototype}/useRestrainer.ts (100%)
 rename src/{hooks => prototype}/useSelector.ts (100%)
 create mode 100644 src/utils/constants.ts

diff --git a/.prettierrc.json b/.prettierrc.json
index f3569fa..937375d 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,4 +1,4 @@
 {
   "semi": true,
-  "arrowParens": "avoid"
+  "singleQuote": true
 }
diff --git a/src/components/Prototype.tsx b/src/components/Prototype.tsx
index 5c604b6..894e1f9 100644
--- a/src/components/Prototype.tsx
+++ b/src/components/Prototype.tsx
@@ -1,4 +1,16 @@
+import { useEffect } from 'react';
+import monitor from 'src/prototype/monitor';
+import { ONE_SECOND_IN_MS } from 'src/utils/constants';
+
 const Prototype = () => {
+  console.log('Prototype component re-render');
+
+  useEffect(() => {
+    // use setInterval to run monitor every second (1000ms)
+    const interval = setInterval(() => monitor({}), ONE_SECOND_IN_MS);
+    return () => clearInterval(interval);
+  }, []);
+
   return <div>Prototype</div>;
 };
 
diff --git a/src/hooks/useMonitor.ts b/src/prototype/monitor.ts
similarity index 62%
rename from src/hooks/useMonitor.ts
rename to src/prototype/monitor.ts
index 964cf24..7136dd5 100644
--- a/src/hooks/useMonitor.ts
+++ b/src/prototype/monitor.ts
@@ -7,6 +7,8 @@ type MonitorProps = {
  * @param ???
  * @returns ???
  */
-const useMonitor = ({}: MonitorProps) => {};
+const monitor = ({}: MonitorProps) => {
+  console.log('monitor');
+};
 
-export default useMonitor;
+export default monitor;
diff --git a/src/hooks/useAssimilator.ts b/src/prototype/useAssimilator.ts
similarity index 100%
rename from src/hooks/useAssimilator.ts
rename to src/prototype/useAssimilator.ts
diff --git a/src/hooks/useRestrainer.ts b/src/prototype/useRestrainer.ts
similarity index 100%
rename from src/hooks/useRestrainer.ts
rename to src/prototype/useRestrainer.ts
diff --git a/src/hooks/useSelector.ts b/src/prototype/useSelector.ts
similarity index 100%
rename from src/hooks/useSelector.ts
rename to src/prototype/useSelector.ts
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
new file mode 100644
index 0000000..01fee54
--- /dev/null
+++ b/src/utils/constants.ts
@@ -0,0 +1 @@
+export const ONE_SECOND_IN_MS = 1000;