From 37bd324d581c2c88d9c9c0b26bbe5fb089afd253 Mon Sep 17 00:00:00 2001
From: Gizmotronn <droidology@allianceofdroids.org.au>
Date: Wed, 9 Feb 2022 19:06:03 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=81=F0=9F=8E=8C=20->=20#1,=20polygon#3?=
 =?UTF-8?q?=20(styling=20draft=20for=20meta(web3)=20games)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react/react-globalstyles-blockchain.js    | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 content/react/react-globalstyles-blockchain.js

diff --git a/content/react/react-globalstyles-blockchain.js b/content/react/react-globalstyles-blockchain.js
new file mode 100644
index 000000000..e8f5a2282
--- /dev/null
+++ b/content/react/react-globalstyles-blockchain.js
@@ -0,0 +1,29 @@
+import React, {useEffect} from "react";
+import logo from './logo.svg';
+import './App.css';
+import {useDispatch, useSelector} from "react-redux";
+import {connect} from "./redux/blockchain/blockchainActions";
+import * as s from "./styles/globalStyles";
+
+function App() {
+  const dispatch = useDispatch();
+  const blockchain = useSelector(state => state.blockchain);
+
+  console.table(blockchain);
+
+  useEffect(() => {
+    dispatch(connect());
+  }, [dispatch]);
+
+  return <s.Screen>
+    <s.Container flex={1} ai={"center"} jc={"center"}>
+      <s.TextTitle>
+        Our game
+      </s.TextTitle>
+      <s.SpacerSmall />
+      <button>CONNECT</button>
+    </s.Container>
+  </s.Screen>
+}
+
+export default App;