Use items instead of children in Ant collapse

BlueBrain · Oct 4, 2023 · 24c70ed · 24c70ed
1 parent d1a813d
commit 24c70ed
Showing 1 changed file with 81 additions and 85 deletions.
diff --git a/src/shared/containers/AdminPluginContainer.tsx b/src/shared/containers/AdminPluginContainer.tsx
@@ -93,113 +93,109 @@ const AdminPlugin: React.FunctionComponent<AdminProps> = ({
         resource={resource}
         refreshResource={refreshResource}
       />
-      <Tabs
-        activeKey={activeTabKey}
-        onChange={onTabChange}
+      <Tabs activeKey={activeTabKey} onChange={onTabChange}
         items={[
           {
             key: '#JSON',
             label: 'JSON',
             children: (
-              <ResourceEditorContainer
-                resourceId={resource['@id']}
-                orgLabel={orgLabel}
-                projectLabel={projectLabel}
-                rev={resource._rev}
-                defaultExpanded={
-                  !!expandedFromQuery && expandedFromQuery === 'true'
-                }
-                defaultEditable={editable}
-                onSubmit={handleEditFormSubmit}
-                onExpanded={handleExpanded}
-                tabChange={tabChange}
-                showFullScreen={showFullScreen}
-              />
-            ),
-          },
+          <ResourceEditorContainer
+            resourceId={resource['@id']}
+            orgLabel={orgLabel}
+            projectLabel={projectLabel}
+            rev={resource._rev}
+            defaultExpanded={
+              !!expandedFromQuery && expandedFromQuery === 'true'
+            }
+            defaultEditable={editable}
+            onSubmit={handleEditFormSubmit}
+            onExpanded={handleExpanded}
+            tabChange={tabChange}
+            showFullScreen={showFullScreen}
+          />
+        ),
+        },
           {
             key: '#mde',
             label: 'Description',
             children: (
-              <MarkdownEditorContainer
-                resourceId={resource['@id']}
-                orgLabel={orgLabel}
-                projectLabel={projectLabel}
-                rev={resource._rev}
-                readOnly={!editable}
-                goToResource={goToResource}
-              />
-            ),
-          },
+          <MarkdownEditorContainer
+            resourceId={resource['@id']}
+            orgLabel={orgLabel}
+            projectLabel={projectLabel}
+            rev={resource._rev}
+            readOnly={!editable}
+            goToResource={goToResource}
+          />
+        ),
+        },
           {
             key: '#history',
-            label: 'History',
-            children: (
-              <HistoryContainer
-                resourceId={resource['@id']}
-                orgLabel={orgLabel}
-                projectLabel={projectLabel}
-                latestRev={latestResource._rev}
-                link={(rev: number) => {
-                  return (
-                    <a
-                      onClick={() => {
-                        goToResource(orgLabel, projectLabel, resourceId, {
-                          revision: rev,
-                        });
-                      }}
-                    >
-                      Revision {rev}
-                    </a>
-                  );
-                }}
-              />
-            ),
-          },
+          label: 'History',
+            children: (<HistoryContainer
+            resourceId={resource['@id']}
+            orgLabel={orgLabel}
+            projectLabel={projectLabel}
+            latestRev={latestResource._rev}
+            link={(rev: number) => {
+              return (
+                <a
+                  onClick={() => {
+                    goToResource(orgLabel, projectLabel, resourceId, {
+                      revision: rev,
+                    });
+                  }}
+                >
+                  Revision {rev}
+                </a>
+              );
+            }}
+          />
+        ),
+        },
           {
             key: '#links',
             label: 'Links',
             className: 'rows',
-            children: (
-              <>
-                <section className="links incoming">
-                  <h3>Incoming</h3>
-                  <ResourceLinksContainer
-                    resourceId={resource['@id']}
-                    orgLabel={orgLabel}
-                    projectLabel={projectLabel}
-                    rev={resource._rev}
-                    direction="incoming"
-                    onClick={handleGoToInternalLink}
-                  />
-                </section>
-                <section className="links outgoing">
-                  <h3>Outgoing</h3>
-                  <ResourceLinksContainer
-                    resourceId={resource['@id']}
-                    orgLabel={orgLabel}
-                    projectLabel={projectLabel}
-                    rev={resource._rev}
-                    direction="outgoing"
-                    onClick={handleGoToInternalLink}
-                  />
-                </section>
-              </>
-            ),
+          children: (
+              <><section className="links incoming">
+            <h3>Incoming</h3>
+            <ResourceLinksContainer
+              resourceId={resource['@id']}
+              orgLabel={orgLabel}
+              projectLabel={projectLabel}
+              rev={resource._rev}
+              direction="incoming"
+              onClick={handleGoToInternalLink}
+            />
+          </section>
+          <section className="links outgoing">
+            <h3>Outgoing</h3>
+            <ResourceLinksContainer
+              resourceId={resource['@id']}
+              orgLabel={orgLabel}
+              projectLabel={projectLabel}
+              rev={resource._rev}
+              direction="outgoing"
+              onClick={handleGoToInternalLink}
+            />
+          </section>
+        </>
+        ),
           },
           {
             key: '#graph',
             label: 'Graph',
             className: 'rows',
             children: (
-              <div className="graph-wrapper-container">
-                <div className="fixed-minus-header">
-                  <div ref={ref} className="graph-wrapper">
-                    <GraphContainer resource={resource as Resource} />
-                  </div>
-                </div>
+          <div className="graph-wrapper-container">
+            <div className="fixed-minus-header">
+              <div ref={ref} className="graph-wrapper">
+                <GraphContainer resource={resource as Resource} />
               </div>
-            ),
+            </div>
+          </div>
+        ),
           },
         ]}
       ></Tabs>