style: Update height property to use inline style syntax

pacholoamit · Oct 15, 2024 · a269263 · a269263
1 parent 848c8a9
commit a269263
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/features/metrics/components/disks/disk.area-chart.tsx b/src/features/metrics/components/disks/disk.area-chart.tsx
@@ -69,7 +69,7 @@ const DiskAreaChart = ({ disk }: DiskAreaChartProps) => {
           <StatsRing color={"indigo"} Icon={IconCpu} stats={stats} label={`Disk ${disk.name}`} progress={progress} />
         </Grid.Col>
 
-        <Grid.Col span={10} h={"190px"}>
+        <Grid.Col span={10} style={{ height: "190px" }}>
           <AreaChart options={chartOptions} />
         </Grid.Col>
       </Grid>

diff --git a/src/features/metrics/components/global-cpu/global-cpu.area-chart.tsx b/src/features/metrics/components/global-cpu/global-cpu.area-chart.tsx
@@ -1,12 +1,12 @@
-import React, { useEffect } from 'react';
+import React, { useEffect } from "react";
 
-import AreaChart, { useAreaChartState } from '@/components/area-chart';
-import Card from '@/components/card';
-import StatsRing from '@/components/stats-ring2';
-import useGlobalCpuSelectors from '@/features/metrics/stores/global-cpu.store';
-import fromNumberToPercentageString from '@/features/metrics/utils/from-number-to-percentage-string';
-import { Grid, useMantineTheme } from '@mantine/core';
-import { IconCpu, TablerIconsProps } from '@tabler/icons-react';
+import AreaChart, { useAreaChartState } from "@/components/area-chart";
+import Card from "@/components/card";
+import StatsRing from "@/components/stats-ring2";
+import useGlobalCpuSelectors from "@/features/metrics/stores/global-cpu.store";
+import fromNumberToPercentageString from "@/features/metrics/utils/from-number-to-percentage-string";
+import { Grid, useMantineTheme } from "@mantine/core";
+import { IconCpu, TablerIconsProps } from "@tabler/icons-react";
 
 // TODO: Remove Luxon and ChartJS
 // TODO: Make timestamp work automatically
@@ -72,7 +72,7 @@ const GlobalCpuAreaChart: React.FC = ({}) => {
           />
         </Grid.Col>
 
-        <Grid.Col span={10} h={"190px"}>
+        <Grid.Col span={10} style={{ height: "190px" }}>
           <AreaChart options={chartOptions} />
         </Grid.Col>
       </Grid>

diff --git a/src/features/metrics/components/memory/memory.area-chart.tsx b/src/features/metrics/components/memory/memory.area-chart.tsx
@@ -63,7 +63,7 @@ const MemoryAreaChart: React.FC = ({}) => {
             progress={progress}
           />
         </Grid.Col>
-        <Grid.Col span={10} h={"190px"}>
+        <Grid.Col span={10} style={{ height: "190px" }}>
           <AreaChart options={chartOptions} />
         </Grid.Col>
       </Grid>

diff --git a/src/features/metrics/components/swap/swap.area-chart.tsx b/src/features/metrics/components/swap/swap.area-chart.tsx
@@ -65,7 +65,7 @@ const SwapAreaChart: React.FC = ({}) => {
             progress={progress}
           />
         </Grid.Col>
-        <Grid.Col span={10} h={"190px"}>
+        <Grid.Col span={10} style={{ height: "190px" }}>
           <AreaChart options={chartOptions} />
         </Grid.Col>
       </Grid>