Add animation to group open

2021-05-24 17:11:46 +10:00
parent 0917ef05a1
commit 4e5bd8bf02
12 changed files with 170 additions and 76 deletions
--- a/src/components/token/TokenTileGroup.js
+++ b/src/components/token/TokenTileGroup.js
@@ -23,12 +23,12 @@ function TokenTileGroup({
      onDoubleClick={onDoubleClick}
      columns="1fr 1fr"
    >
-      <Grid columns={layout.gridTemplate} p={2} sx={{ gridGap: 2 }}>
+      <Grid columns={layout.groupGridTemplate} p={2} sx={{ gridGap: 2 }}>
        {tokens.slice(0, 16).map((token) => (
          <TokenTileImage
            sx={{ borderRadius: "8px" }}
            token={token}
-            key={token.id}
+            key={`${token.id}-group-tile`}
          />
        ))}
      </Grid>