src/components/Layout.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

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";

import "../styles/main.css";

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;