[pre-commit.ci lite] apply automatic fixes

parca-dev · May 10, 2023 · 4d49f9f · 4d49f9f
1 parent 11d9a45
commit 4d49f9f
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 20 deletions.
diff --git a/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx b/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx
@@ -122,9 +122,9 @@ const MetricsTooltip = ({
                         <td className="w-1/4">Value</td>
                         <td className="w-3/4">
                           {valueFormatter(highlighted.valuePerSecond, sampleUnit, 5)}{' '}
-                          {highlighted.valuePercentage > 0 &&
+                          {highlighted.valuePercentage > 0 && (
                             <>({valueFormatter(highlighted.valuePercentage, 'percentage', 2)})</>
-                          }
+                          )}
                         </td>
                       </tr>
                       {delta && (

diff --git a/ui/packages/shared/profile/src/MetricsSeries/index.tsx b/ui/packages/shared/profile/src/MetricsSeries/index.tsx
@@ -24,15 +24,15 @@ interface MetricsSeriesProps {
 
 const MetricsSeries = ({data, line, color, strokeWidth}: MetricsSeriesProps): JSX.Element => (
   <g className="line-group">
-      <path
+    <path
       className="line"
-        d={line(data.values) ?? undefined}
-        style={{
-          stroke: color,
+      d={line(data.values) ?? undefined}
+      style={{
+        stroke: color,
         strokeWidth,
-        }}
-      />
-    </g>
-  );
+      }}
+    />
+  </g>
+);
 
 export default MetricsSeries;
diff --git a/ui/packages/shared/profile/src/ProfileMetricsGraph/index.tsx b/ui/packages/shared/profile/src/ProfileMetricsGraph/index.tsx
@@ -66,14 +66,15 @@ export const useQueryRange = (
 
       const stepDuration = getStepDuration(start, end);
 
-      const call = client.queryRange( {
-        query: queryExpression,
-        start: Timestamp.fromDate(new Date(start)),
-        end: Timestamp.fromDate(new Date(end)),
-        step: Duration.create(stepDuration),
-        limit: 0,
-        filterQuery: filterByFunction,
-      },
+      const call = client.queryRange(
+        {
+          query: queryExpression,
+          start: Timestamp.fromDate(new Date(start)),
+          end: Timestamp.fromDate(new Date(end)),
+          step: Duration.create(stepDuration),
+          limit: 0,
+          filterQuery: filterByFunction,
+        },
         {meta: metadata}
       );
       call.response
@@ -96,7 +97,13 @@ const ProfileMetricsGraph = ({
   addLabelMatcher,
   onPointClick,
 }: ProfileMetricsGraphProps): JSX.Element => {
-  const {isLoading, response, error} = useQueryRange(queryClient, queryExpression, from, to, filterByFunction);
+  const {isLoading, response, error} = useQueryRange(
+    queryClient,
+    queryExpression,
+    from,
+    to,
+    filterByFunction
+  );
   const isLoaderVisible = useDelayedLoader(isLoading);
   const {loader, onError, perf} = useParcaContext();
 

diff --git a/ui/packages/shared/utilities/src/index.ts b/ui/packages/shared/utilities/src/index.ts
@@ -61,7 +61,7 @@ const unitsInCount = {
 };
 
 const percentage = {
-  percentage: {divisor: 0.01, symbol: '%'} // dividing by 0.01 is like multiplying by 100.
+  percentage: {divisor: 0.01, symbol: '%'}, // dividing by 0.01 is like multiplying by 100.
 };
 
 const knownValueFormatters = {