Layout changes (#15)

* Layout refactor and standardization

* Use split to condense short array

* Fix verbage

1 files changed, 30 insertions, 0 deletions

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
new file mode 100644
index 0000000..6cc70ed
--- /dev/null
+++ b/src/components/Layout.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { IconContext } from "react-icons/lib";
+import { Content, Footer } from "../styles";
+import package_json from "../../package.json";
+import { getTimestamp } from "../util/timestamp";
+
+const VERSION = package_json.version;
+
+const Layout = ({ children }) => {
+  return (
+    <React.StrictMode>
+      <main>
+        <IconContext.Provider
+          value={{ size: "20", style: { marginBottom: "-4px" } }}
+        >
+          <Content>{children}</Content>
+
+          <Footer>
+            <span>
+              &copy;2022 kjhoerr@https://submelon.dev/:
+              {getTimestamp(Number(VERSION))}
+            </span>
+          </Footer>
+        </IconContext.Provider>
+      </main>
+    </React.StrictMode>
+  );
+};
+
+export default Layout;