ui: reorder storage dashboard graphs

Move the file descriptor and time series graphs to the bottom of the storage
dashboard. These graphs are relatively niche and less useful than the other
graphs within the dashboard.

Epic: none
Release note: none

Author: jbowens

pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/storage.tsx

@@ -260,21 +260,6 @@ export default function (props: GraphDashboardProps) {
       </Axis>
     </LineGraph>,
 
-    <LineGraph
-      title="File Descriptors"
-      sources={nodeSources}
-      isKvGraph={true}
-      tenantSource={tenantSource}
-      tooltip={`The number of open file descriptors ${tooltipSelection}, compared with
-          the file descriptor limit.`}
-      showMetricsInTooltip={true}
-    >
-      <Axis label="descriptors">
-        <Metric name="cr.node.sys.fd.open" title="Open" />
-        <Metric name="cr.node.sys.fd.softlimit" title="Limit" />
-      </Axis>
-    </LineGraph>,
-
     <LineGraph
       title="Flushes"
       sources={storeSources}
@@ -374,59 +359,6 @@ export default function (props: GraphDashboardProps) {
       </Axis>
     </LineGraph>,
 
-    <LineGraph
-      title="Time Series Writes"
-      sources={nodeSources}
-      isKvGraph={true}
-      tenantSource={tenantSource}
-      tooltip={`The number of successfully written time series samples, and number of
-          errors attempting to write time series, per second ${tooltipSelection}.`}
-      showMetricsInTooltip={true}
-    >
-      <Axis label="count">
-        <Metric
-          name="cr.node.timeseries.write.samples"
-          title="Samples Written"
-          nonNegativeRate
-        />
-        <Metric
-          name="cr.node.timeseries.write.errors"
-          title="Errors"
-          nonNegativeRate
-        />
-      </Axis>
-    </LineGraph>,
-
-    <LineGraph
-      title="Time Series Bytes Written"
-      sources={nodeSources}
-      isKvGraph={true}
-      tenantSource={tenantSource}
-      tooltip={
-        <div>
-          The number of bytes written by the time series system per second{" "}
-          {tooltipSelection}.
-          <br />
-          Note that this does not reflect the rate at which disk space is
-          consumed by time series; the data is highly compressed on disk. This
-          rate is instead intended to indicate the amount of network traffic and
-          disk activity generated by time series writes.
-          <br />
-          See the "databases" tab to find the current disk usage for time series
-          data.
-        </div>
-      }
-      showMetricsInTooltip={true}
-    >
-      <Axis units={AxisUnits.Bytes}>
-        <Metric
-          name="cr.node.timeseries.write.bytes"
-          title="Bytes Written"
-          nonNegativeRate
-        />
-      </Axis>
-    </LineGraph>,
-
     <LineGraph
       title="Disk Write Breakdown"
       sources={storeSources}
@@ -516,5 +448,74 @@ export default function (props: GraphDashboardProps) {
         )}
       </Axis>
     </LineGraph>,
+
+    <LineGraph
+      title="File Descriptors"
+      sources={nodeSources}
+      isKvGraph={true}
+      tenantSource={tenantSource}
+      tooltip={`The number of open file descriptors ${tooltipSelection}, compared with
+          the file descriptor limit.`}
+      showMetricsInTooltip={true}
+    >
+      <Axis label="descriptors">
+        <Metric name="cr.node.sys.fd.open" title="Open" />
+        <Metric name="cr.node.sys.fd.softlimit" title="Limit" />
+      </Axis>
+    </LineGraph>,
+
+    <LineGraph
+      title="Time Series Writes"
+      sources={nodeSources}
+      isKvGraph={true}
+      tenantSource={tenantSource}
+      tooltip={`The number of successfully written time series samples, and number of
+          errors attempting to write time series, per second ${tooltipSelection}.`}
+      showMetricsInTooltip={true}
+    >
+      <Axis label="count">
+        <Metric
+          name="cr.node.timeseries.write.samples"
+          title="Samples Written"
+          nonNegativeRate
+        />
+        <Metric
+          name="cr.node.timeseries.write.errors"
+          title="Errors"
+          nonNegativeRate
+        />
+      </Axis>
+    </LineGraph>,
+
+    <LineGraph
+      title="Time Series Bytes Written"
+      sources={nodeSources}
+      isKvGraph={true}
+      tenantSource={tenantSource}
+      tooltip={
+        <div>
+          The number of bytes written by the time series system per second{" "}
+          {tooltipSelection}.
+          <br />
+          Note that this does not reflect the rate at which disk space is
+          consumed by time series; the data is highly compressed on disk. This
+          rate is instead intended to indicate the amount of network traffic and
+          disk activity generated by time series writes.
+          <br />
+          See the "databases" tab to find the current disk usage for time series
+          data.
+        </div>
+      }
+      showMetricsInTooltip={true}
+    >
+      <Axis units={AxisUnits.Bytes}>
+        <Metric
+          name="cr.node.timeseries.write.bytes"
+          title="Bytes Written"
+          nonNegativeRate
+        />
+      </Axis>
+    </LineGraph>,
+
   ];
 }