Gene page open all sections (#1578)

* gene page: open all sections in non prod sites

* back to not prettied with commas

* DRY-up conditional rendering in GeneRecordClasses (#1581)

* Initial plan

* DRY-up conditional rendering based on NODE_ENV

Co-authored-by: bobular <308639+bobular@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: bobular <308639+bobular@users.noreply.github.com>

---------

Co-authored-by: Cristina Aurrecoechea <aurreco@palm.penn.apidb.org>
Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Co-authored-by: bobular <308639+bobular@users.noreply.github.com>

Author: 4 people

packages/libs/wdk-client/src/Views/Records/Record.css

@@ -39,7 +39,7 @@
 
 .wdk-RecordMain,
 .wdk-RecordSidebar {
-  padding: 2.5em 0;
+  padding: 3em 0;
   transition: margin-left 250ms ease;
   transition: left 250ms ease;
   position: relative;

packages/sites/genomics-site/webapp/wdkCustomization/js/client/components/records/GeneRecordClasses.GeneRecordClass.jsx

@@ -343,29 +343,46 @@ function RecordOverview(props) {
 export const RecordMainSection = connect(null)(
   ({ DefaultComponent, dispatch, ...props }) => {
     return (
-      <React.Fragment>
-        {props.depth == null && (
-          <div
-            style={{
-              position: 'absolute',
-              right: 0,
-              top: '1em',
-            }}
-          >
-            <i className="fa fa-exclamation-triangle" />
-            &nbsp;
-            <button
-              className="link"
-              onClick={() =>
-                dispatch(RecordActions.updateAllFieldVisibility(false))
-              }
+      <div>
+        <React.Fragment>
+          {props.depth == null && (
+            <div
+              style={{
+                position: 'absolute',
+                right: 0,
+                top: '1em',
+              }}
             >
-              Collapse all sections for better performance
-            </button>
-          </div>
-        )}
-        <DefaultComponent {...props} />
-      </React.Fragment>
+              <i className="fa fa-exclamation-triangle" />
+              &nbsp;
+              <button
+                className="link"
+                onClick={() =>
+                  dispatch(RecordActions.updateAllFieldVisibility(false))
+                }
+              >
+                Collapse all sections for better performance
+              </button>
+              {process.env.NODE_ENV !== 'production' && (
+                <>
+                  <br />
+                  <i className="fa fa-cog" />
+                  &nbsp;
+                  <button
+                    className="link"
+                    onClick={() =>
+                      dispatch(RecordActions.updateAllFieldVisibility(true))
+                    }
+                  >
+                    <strong>Open all sections for testing</strong>
+                  </button>
+                </>
+              )}
+            </div>
+          )}
+          <DefaultComponent {...props} />
+        </React.Fragment>
+      </div>
     );
   }
 );