Update loading state

web/src/components/ui/charts/BusterChart.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import React, { useMemo, useState } from 'react';
+import React, { useMemo } from 'react';
 import isEmpty from 'lodash/isEmpty';
 import { doesChartHaveValidAxis } from './helpers';
-import { useMemoizedFn, useMount } from '@/hooks';
+import { useMemoizedFn } from '@/hooks';
 import {
   NoChartData,
   PreparingYourRequestLoader

web/src/components/ui/charts/BusterChartComponent.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import {
+import type {
   BusterChartComponentProps,
   BusterChartRenderComponentProps
 } from './interfaces/chartComponentInterfaces';

web/src/components/ui/charts/BusterChartJS/BusterChartJSComponent.tsx

@@ -232,9 +232,7 @@ const ChartMountedWrapper = ({ children }: { children: React.ReactNode }) => {
   });
 
   if (!isMounted) {
-    return (
-      <div className="to-bg-gradient-to-r to-border/15 h-full w-full bg-gradient-to-b from-transparent" />
-    );
+    return <div className="bg-transparent" />;
   }
 
   return children;

web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/StylingAppColors/StylingAppColors.tsx

@@ -24,9 +24,9 @@ export const StylingAppColors: React.FC<{
 
   return (
     <div className="mt-3 flex flex-col space-y-2">
-      <div className={className}>
+      {/* <div className={className}>
         <SelectColorApp selectedTab={selectedTab} onChange={setSelectedTab} />
-      </div>
+      </div> */}
 
       <div className={cn(className, 'mb-12')}>
         <AnimatePresence mode="wait" initial={false}>