From 7acfa610cb9dd32a4d5f0f82e0e7b1343e9e6baf Mon Sep 17 00:00:00 2001
From: Michael Fatemi <myfatemi04@gmail.com>
Date: Thu, 15 Jul 2021 11:02:55 -0400
Subject: [PATCH] remove useimmutable demo from homepage

---
 src/components/App.tsx              | 11 +----------
 src/components/UseImmutableTest.tsx | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 10 deletions(-)
 create mode 100644 src/components/UseImmutableTest.tsx

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 4cb6008..7afd553 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -3,7 +3,6 @@ import { BrowserRouter, Route, Switch } from 'react-router-dom';
 import GroupsProvider from '../state/GroupsProvider';
 import NotificationsProvider from '../state/Notifications/NotificationsProvider';
 import { useMe } from './hooks';
-import useImmutable from './useImmutable';
 import WheelShare from './WheelShare';
 import WheelShareLoggedOut from './WheelShareLoggedOut';
 
@@ -24,20 +23,12 @@ const style: CSSProperties = {
 
 export default function App() {
 	const user = useMe();
-	const [imm] = useImmutable({
-		x: 0,
-		y: 0,
-		z: { a: 1, b: 2, c: [0, 1, 2] },
-	});
+
 	return (
 		<NotificationsProvider>
 			<GroupsProvider>
 				<div style={{ padding: '1rem', maxWidth: '100vw' }}>
 					<div style={style}>
-						{JSON.stringify(imm)}
-						{/* Reset button */}
-						<button onClick={() => imm.z.a++}>Increment</button>
-						<button onClick={() => imm.z.c.push(imm.z.c.length)}>Push</button>
 						<BrowserRouter>
 							<Switch>
 								<Route
diff --git a/src/components/UseImmutableTest.tsx b/src/components/UseImmutableTest.tsx
new file mode 100644
index 0000000..37ac47c
--- /dev/null
+++ b/src/components/UseImmutableTest.tsx
@@ -0,0 +1,18 @@
+import useImmutable from './useImmutable';
+
+export default function UseImmutableTest() {
+	const [imm] = useImmutable({
+		x: 0,
+		y: 0,
+		z: { a: 1, b: 2, c: [0, 1, 2] },
+	});
+
+	return (
+		<div>
+			{JSON.stringify(imm)}
+			Reset button
+			<button onClick={() => imm.z.a++}>Increment</button>
+			<button onClick={() => imm.z.c.push(imm.z.c.length)}>Push</button>
+		</div>
+	);
+}