Added token images

2020-03-19 21:40:29 +11:00
parent f2c3a12856
commit a22b3231fb
23 changed files with 72 additions and 3 deletions
@@ -1,8 +1,32 @@
 import React from "react";
-import { Box } from "theme-ui";
+import { Flex, Image } from "theme-ui";
+
+import * as tokens from "../tokens";
+
+// import Token from "./Token";

 function Tokens() {
-  return <Box bg="background" sx={{ width: "128px", minWidth: "128px" }} />;
+  return (
+    <Flex
+      bg="background"
+      sx={{
+        width: "80px",
+        minWidth: "80px",
+        flexDirection: "column",
+        overflow: "auto"
+      }}
+      px={2}
+    >
+      {Object.entries(tokens).map(([id, image]) => (
+        <Image
+          p={2}
+          key={id}
+          src={image}
+          sx={{ width: "64px", height: "64px" }}
+        />
+      ))}
+    </Flex>
+  );
 }

 export default Tokens;