improved DX

2023-12-01 17:42:45 -05:00
parent a36769c521
commit 9e4502c015
17 changed files with 744 additions and 1016 deletions
@@ -233,24 +233,24 @@ export default function Index() {
      </div>
      {activeCollection ? (
        <>
-          <EditCollectionModal
-            isOpen={editCollectionModal}
-            onClose={() => setEditCollectionModal(false)}
-            modalId={"edit-collection-modal" + activeCollection.id}
-            activeCollection={activeCollection}
-          />
-          <EditCollectionSharingModal
-            isOpen={editCollectionSharingModal}
-            onClose={() => setEditCollectionSharingModal(false)}
-            modalId={"edit-collection-sharing-modal" + activeCollection.id}
-            activeCollection={activeCollection}
-          />
-          <DeleteCollectionModal
-            isOpen={deleteCollectionModal}
-            onClose={() => setDeleteCollectionModal(false)}
-            modalId={"delete-collection-modal" + activeCollection.id}
-            activeCollection={activeCollection}
-          />
+          {editCollectionModal ? (
+            <EditCollectionModal
+              onClose={() => setEditCollectionModal(false)}
+              activeCollection={activeCollection}
+            />
+          ) : undefined}
+          {editCollectionSharingModal ? (
+            <EditCollectionSharingModal
+              onClose={() => setEditCollectionSharingModal(false)}
+              activeCollection={activeCollection}
+            />
+          ) : undefined}
+          {deleteCollectionModal ? (
+            <DeleteCollectionModal
+              onClose={() => setDeleteCollectionModal(false)}
+              activeCollection={activeCollection}
+            />
+          ) : undefined}
        </>
      ) : undefined}
    </MainLayout>
@@ -126,11 +126,9 @@ export default function Collections() {
          </>
        ) : undefined}
      </div>
-      <NewCollectionModal
-        isOpen={newCollectionModal}
-        onClose={() => setNewCollectionModal(false)}
-        modalId="new-collection-modal-1"
-      />
+      {newCollectionModal ? (
+        <NewCollectionModal onClose={() => setNewCollectionModal(false)} />
+      ) : undefined}
    </MainLayout>
  );
 }