feat: Display collections by type (#3162)

* feat: Display collections by type * fix: Correctly show collection items * fix: Add the collections icon * fix: Tests
decentraland · Aug 27, 2024 · f04929e · f04929e
1 parent e5e3a5d
commit f04929e
Show file tree

Hide file tree

Showing 12 changed files with 544 additions and 94 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -82,6 +82,7 @@
     "@swc/core": "^1.3.105",
     "@swc/jest": "^0.2.31",
     "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/blob-to-buffer": "^1.2.0",
     "@types/file-saver": "^2.0.0",
     "@types/interface-datastore": "^1.0.0",

diff --git a/src/components/CollectionsPage/CollectionsPage.css b/src/components/CollectionsPage/CollectionsPage.css
@@ -180,8 +180,9 @@
 
 .CollectionsPage .collections-main-actions {
   display: flex;
+  justify-content: end;
   gap: 20px;
-  margin-top: 20px;
+  min-height: 74px;
 }
 
 .CollectionsPage .collections-main-actions > :first-child {
@@ -201,3 +202,16 @@
   justify-self: end;
   flex: none;
 }
+
+.CollectionsPage .collections-icon {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 20px;
+}
+
+.CollectionsPage .action-tabs-container {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: 8px;
+}