Cleanup 1

packages/web/components/complex/portfolio-page.tsx

@@ -20,7 +20,7 @@ import { api } from "~/utils/trpc";
 
 import { CreditCardIcon } from "../assets/credit-card-icon";
 import { Spinner } from "../loaders";
-import SkeletonLoader from "../loaders/skeleton-loader";
+import { SkeletonLoader } from "../loaders/skeleton-loader";
 import { RecentTransfers } from "../transactions/recent-transfers";
 import { CustomClasses } from "../types";
 import { Button } from "../ui/button";

packages/web/components/navbar-osmosis-update/__tests__/navbar-osmosis-update.spec.tsx

@@ -7,7 +7,7 @@ import { rest } from "msw";
 
 import { server } from "~/__tests__/msw";
 import { mockFeatureFlags, renderWithProviders } from "~/__tests__/test-utils";
-import NavbarOsmosisUpdate from "~/components/navbar-osmosis-update";
+import { NavbarOsmosisUpdate } from "~/components/navbar-osmosis-update";
 
 beforeEach(() => {
   resetLDMocks();

packages/web/components/overview/pools.tsx

@@ -11,7 +11,7 @@ import { useWindowSize } from "~/hooks";
 import { useStore } from "~/stores";
 import { api } from "~/utils/trpc";
 
-import SkeletonLoader from "../loaders/skeleton-loader";
+import { SkeletonLoader } from "../loaders/skeleton-loader";
 
 const REWARD_EPOCH_IDENTIFIER = "day";
 

packages/web/components/pool-detail/concentrated.tsx

@@ -32,7 +32,7 @@ import { api } from "~/utils/trpc";
 import { removeQueryParam } from "~/utils/url";
 
 import { AprBreakdownLegacy } from "../cards/apr-breakdown";
-import SkeletonLoader from "../loaders/skeleton-loader";
+import { SkeletonLoader } from "../loaders/skeleton-loader";
 
 const ConcentratedLiquidityDepthChart = dynamic(
   () =>

packages/web/components/pool-detail/share.tsx

@@ -41,7 +41,7 @@ import { formatPretty } from "~/utils/formatter";
 import { api } from "~/utils/trpc";
 
 import { Spinner } from "../loaders";
-import SkeletonLoader from "../loaders/skeleton-loader";
+import { SkeletonLoader } from "../loaders/skeleton-loader";
 
 const E = EventName.PoolDetail;
 

packages/web/pages/components.tsx

@@ -36,7 +36,7 @@ import { FilterProvider } from "~/components/earn/filters/filter-context";
 import { FilterContext } from "~/components/earn/filters/filter-context";
 import { InputBox, SearchBox } from "~/components/input";
 import { MetricLoader } from "~/components/loaders";
-import SkeletonLoader from "~/components/loaders/skeleton-loader";
+import { SkeletonLoader } from "~/components/loaders/skeleton-loader";
 import { Spinner } from "~/components/loaders/spinner";
 import { RadioWithOptions } from "~/components/radio-with-options";
 import { Step, Stepper } from "~/components/stepper";

packages/web/pages/earn/index.tsx

@@ -21,7 +21,7 @@ import {
   TabPanels,
   Tabs,
 } from "~/components/earn/tabs";
-import SkeletonLoader from "~/components/loaders/skeleton-loader";
+import { SkeletonLoader } from "~/components/loaders/skeleton-loader";
 import { EventName } from "~/config";
 import {
   useAmplitudeAnalytics,

packages/web/pages/pool/[id].tsx

@@ -3,7 +3,7 @@ import { useRouter } from "next/router";
 import { NextSeo } from "next-seo";
 import { FunctionComponent, useEffect, useState } from "react";
 
-import SkeletonLoader from "~/components/loaders/skeleton-loader";
+import { SkeletonLoader } from "~/components/loaders/skeleton-loader";
 import {
   BasePoolDetails,
   ConcentratedLiquidityPool,

packages/web/pages/stake.tsx

@@ -9,7 +9,7 @@ import { AlertBanner } from "~/components/alert-banner";
 import { StakeDashboard } from "~/components/cards/stake-dashboard";
 import { StakeLearnMore } from "~/components/cards/stake-learn-more";
 import { StakeTool } from "~/components/cards/stake-tool";
-import SkeletonLoader from "~/components/loaders/skeleton-loader";
+import { SkeletonLoader } from "~/components/loaders/skeleton-loader";
 import { Spinner } from "~/components/loaders/spinner";
 import { UnbondingInProgress } from "~/components/stake/unbonding-in-progress";
 import { StakeOrUnstake } from "~/components/types";