Dashboard import paths cleanup (#7229)

Author: MananTank

apps/dashboard/src/@/components/blocks/NetworkSelectors.tsx

@@ -3,10 +3,10 @@
 import { MultiSelect } from "@/components/blocks/multi-select";
 import { SelectWithSearch } from "@/components/blocks/select-with-search";
 import { Badge } from "@/components/ui/badge";
+import { ChainIconClient } from "components/icons/ChainIcon";
+import { useAllChainsData } from "hooks/chains/allChains";
 import { useCallback, useMemo } from "react";
 import type { ThirdwebClient } from "thirdweb";
-import { ChainIconClient } from "../../../components/icons/ChainIcon";
-import { useAllChainsData } from "../../../hooks/chains/allChains";
 
 function cleanChainName(chainName: string) {
   return chainName.replace("Mainnet", "");

apps/dashboard/src/@/components/blocks/TokenSelector.tsx

@@ -1,12 +1,12 @@
+import { useAllChainsData } from "hooks/chains/allChains";
+import { useTokensData } from "hooks/tokens/tokens";
 import { useCallback, useMemo } from "react";
 import {
   NATIVE_TOKEN_ADDRESS,
   type ThirdwebClient,
   getAddress,
 } from "thirdweb";
 import { shortenAddress } from "thirdweb/utils";
-import { useAllChainsData } from "../../../hooks/chains/allChains";
-import { useTokensData } from "../../../hooks/tokens/tokens";
 import { replaceIpfsUrl } from "../../../lib/sdk";
 import { fallbackChainIcon } from "../../../utils/chain-icons";
 import type { TokenMetadata } from "../../api/universal-bridge/tokens";

apps/dashboard/src/@/components/blocks/charts/area-chart.tsx

@@ -15,14 +15,14 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/ui/chart";
-import { formatDate } from "date-fns";
-import { useMemo } from "react";
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
+import { cn } from "@/lib/utils";
 import {
   EmptyChartState,
   LoadingChartState,
-} from "../../../../components/analytics/empty-chart-state";
-import { cn } from "../../../lib/utils";
+} from "components/analytics/empty-chart-state";
+import { formatDate } from "date-fns";
+import { useMemo } from "react";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
 
 type ThirdwebAreaChartProps<TConfig extends ChartConfig> = {
   header?: {

apps/dashboard/src/@/components/blocks/charts/bar-chart.tsx

@@ -17,13 +17,13 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/ui/chart";
-import { formatDate } from "date-fns";
-import { useMemo } from "react";
+import { cn } from "@/lib/utils";
 import {
   EmptyChartState,
   LoadingChartState,
-} from "../../../../components/analytics/empty-chart-state";
-import { cn } from "../../../lib/utils";
+} from "components/analytics/empty-chart-state";
+import { formatDate } from "date-fns";
+import { useMemo } from "react";
 
 type ThirdwebBarChartProps<TConfig extends ChartConfig> = {
   // metadata

apps/dashboard/src/@/components/blocks/dismissible-alert.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { useLocalStorage } from "hooks/useLocalStorage";
 import { XIcon } from "lucide-react";
-import { useLocalStorage } from "../../../hooks/useLocalStorage";
 import { Button } from "../ui/button";
 
 export function DismissibleAlert(props: {

apps/dashboard/src/@/components/blocks/pricing-card.tsx

@@ -4,13 +4,13 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { ToolTipLabel } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
+import { RenewSubscriptionButton } from "components/settings/Account/Billing/renew-subscription/renew-subscription-button";
+import { useTrack } from "hooks/analytics/useTrack";
 import { CheckIcon, DollarSignIcon } from "lucide-react";
 import Link from "next/link";
 import type React from "react";
+import { remainingDays } from "utils/date-utils";
 import { TEAM_PLANS } from "utils/pricing";
-import { RenewSubscriptionButton } from "../../../components/settings/Account/Billing/renew-subscription/renew-subscription-button";
-import { useTrack } from "../../../hooks/analytics/useTrack";
-import { remainingDays } from "../../../utils/date-utils";
 import type { ProductSKU } from "../../lib/billing";
 import { CheckoutButton } from "../billing";
 

apps/dashboard/src/@/components/ui/NavLink.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { cn } from "@/lib/utils";
+import { useTrack } from "hooks/analytics/useTrack";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { useTrack } from "../../../hooks/analytics/useTrack";
 
 export type NavButtonProps = {
   className?: string;

apps/dashboard/src/@/lib/time.ts

@@ -1,9 +1,9 @@
-import { differenceInCalendarDays } from "date-fns";
 import {
   type DurationId,
   type Range,
   getLastNDaysRange,
-} from "../../components/analytics/date-range-selector";
+} from "components/analytics/date-range-selector";
+import { differenceInCalendarDays } from "date-fns";
 
 export function normalizeTime(date: Date) {
   const newDate = new Date(date);

apps/dashboard/src/@3rdweb-sdk/react/components/connect-wallet/index.tsx

@@ -3,9 +3,11 @@
 import { Button } from "@/components/ui/button";
 import { useStore } from "@/lib/reactive";
 import { getSDKTheme } from "app/(app)/components/sdk-component-theme";
+import { LazyConfigureNetworkModal } from "components/configure-networks/LazyConfigureNetworkModal";
 import { CustomChainRenderer } from "components/selects/CustomChainRenderer";
 import { mapV4ChainToV5Chain } from "contexts/map-chains";
 import { useTrack } from "hooks/analytics/useTrack";
+import { useAllChainsData } from "hooks/chains/allChains";
 import { useTheme } from "next-themes";
 import Image from "next/image";
 import Link from "next/link";
@@ -20,8 +22,6 @@ import {
 } from "thirdweb/react";
 import { useFavoriteChainIds } from "../../../../app/(app)/(dashboard)/(chain)/components/client/star-button";
 import { doLogout } from "../../../../app/(app)/login/auth-actions";
-import { LazyConfigureNetworkModal } from "../../../../components/configure-networks/LazyConfigureNetworkModal";
-import { useAllChainsData } from "../../../../hooks/chains/allChains";
 import {
   type StoredChain,
   addRecentlyUsedChainId,

apps/dashboard/src/app/(app)/(dashboard)/(bridge)/routes/components/server/routelist-card.tsx

@@ -1,8 +1,8 @@
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { resolveSchemeWithErrorHandler } from "@/lib/resolveSchemeWithErrorHandler";
 import { defineChain } from "thirdweb";
 import { getChainMetadata } from "thirdweb/chains";
-import { serverThirdwebClient } from "../../../../../../../@/constants/thirdweb-client.server";
 
 type RouteListCardProps = {
   originChainId: number;

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/opengraph-image.tsx

@@ -1,7 +1,7 @@
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { ImageResponse } from "next/og";
 import { download } from "thirdweb/storage";
 import { fetchChain } from "utils/fetchChain";
-import { serverThirdwebClient } from "../../../../../../@/constants/thirdweb-client.server";
 
 // Route segment config
 export const runtime = "edge";

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx

@@ -1,5 +1,5 @@
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { CircleAlertIcon } from "lucide-react";
-import { getClientThirdwebClient } from "../../../../../../@/constants/thirdweb-client.client";
 import { getRawAccount } from "../../../../account/settings/getAccount";
 import { getChain, getChainMetadata } from "../../utils";
 import NextSteps from "./components/client/NextSteps";

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/ContractHeader.tsx

@@ -5,10 +5,12 @@ import { ToolTipLabel } from "@/components/ui/tooltip";
 import { resolveSchemeWithErrorHandler } from "@/lib/resolveSchemeWithErrorHandler";
 import { cn } from "@/lib/utils";
 import { ChainIconClient } from "components/icons/ChainIcon";
+import { DiscordIcon } from "components/icons/brand-icons/DiscordIcon";
 import { GithubIcon } from "components/icons/brand-icons/GithubIcon";
 import { InstagramIcon } from "components/icons/brand-icons/InstagramIcon";
 import { LinkedInIcon } from "components/icons/brand-icons/LinkedinIcon";
 import { RedditIcon } from "components/icons/brand-icons/RedditIcon";
+import { TelegramIcon } from "components/icons/brand-icons/TelegramIcon";
 import { TiktokIcon } from "components/icons/brand-icons/TiktokIcon";
 import { XIcon as TwitterXIcon } from "components/icons/brand-icons/XIcon";
 import { YoutubeIcon } from "components/icons/brand-icons/YoutubeIcon";
@@ -17,8 +19,6 @@ import Link from "next/link";
 import { useMemo } from "react";
 import type { ThirdwebContract } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
-import { DiscordIcon } from "../../../../../../../../../components/icons/brand-icons/DiscordIcon";
-import { TelegramIcon } from "../../../../../../../../../components/icons/brand-icons/TelegramIcon";
 
 const platformToIcons: Record<string, React.FC<{ className?: string }>> = {
   twitter: TwitterXIcon,

apps/dashboard/src/app/(app)/(dashboard)/contracts/deploy/[compiler_uri]/page.tsx

@@ -1,6 +1,6 @@
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { notFound } from "next/navigation";
 import { fetchDeployMetadata } from "thirdweb/contract";
-import { serverThirdwebClient } from "../../../../../../@/constants/thirdweb-client.server";
 import { DeployContractInfo } from "../../../published-contract/components/contract-info";
 import { DeployFormForUri } from "../../../published-contract/components/uri-based-deploy";
 

apps/dashboard/src/app/(app)/(dashboard)/profile/[addressOrEns]/ProfileUI.tsx

@@ -1,8 +1,8 @@
 import { Spinner } from "@/components/ui/Spinner/Spinner";
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { fetchPublishedContracts } from "components/contract-components/fetchPublishedContracts";
 import { Suspense } from "react";
 import type { ThirdwebClient } from "thirdweb";
-import { serverThirdwebClient } from "../../../../../@/constants/thirdweb-client.server";
 import { ProfileHeader } from "./components/profile-header";
 import { PublishedContracts } from "./components/published-contracts";
 

apps/dashboard/src/app/(app)/(dashboard)/profile/[addressOrEns]/opengraph-image.tsx

@@ -1,11 +1,11 @@
 import { GradientBlobbie } from "@/components/blocks/Avatars/GradientBlobbie";
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 /* eslint-disable @next/next/no-img-element */
 import { resolveSchemeWithErrorHandler } from "@/lib/resolveSchemeWithErrorHandler";
 import { notFound } from "next/navigation";
 import { ImageResponse } from "next/og";
 import { resolveAvatar } from "thirdweb/extensions/ens";
 import { shortenIfAddress } from "utils/usedapp-external";
-import { serverThirdwebClient } from "../../../../../@/constants/thirdweb-client.server";
 import { resolveAddressAndEns } from "./resolveAddressAndEns";
 
 export const runtime = "edge";

apps/dashboard/src/app/(app)/(dashboard)/published-contract/components/publish-based-deploy.tsx

@@ -1,3 +1,4 @@
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import {
   fetchPublishedContractVersion,
   fetchPublishedContractVersions,
@@ -6,7 +7,6 @@ import { ZERO_FEE_VERSIONS } from "constants/fee-config";
 import { isAddress } from "thirdweb";
 import { fetchDeployMetadata } from "thirdweb/contract";
 import { resolveAddress } from "thirdweb/extensions/ens";
-import { serverThirdwebClient } from "../../../../../@/constants/thirdweb-client.server";
 import { DeployContractHeader } from "./contract-header";
 import { DeployFormForUri } from "./uri-based-deploy";
 

apps/dashboard/src/app/(app)/(dashboard)/support/page.tsx

@@ -1,3 +1,4 @@
+import { getTeams } from "@/api/team";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { BookOpenIcon, ChevronRightIcon } from "lucide-react";
@@ -9,7 +10,6 @@ import contractsIcon from "../../../../../public/assets/support/contracts.png";
 import engineIcon from "../../../../../public/assets/support/engine.png";
 import miscIcon from "../../../../../public/assets/support/misc.svg";
 import connectIcon from "../../../../../public/assets/support/wallets.png";
-import { getTeams } from "../../../../@/api/team";
 import { CustomChatButton } from "../../../nebula-app/(app)/components/CustomChat/CustomChatButton";
 import {
   getAuthToken,

apps/dashboard/src/app/(app)/(dashboard)/tools/transaction-simulator/components/TransactionSimulator.tsx

@@ -8,6 +8,7 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import { ToolTipLabel } from "@/components/ui/tooltip";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import type { Abi, AbiFunction } from "abitype";
 import { useV5DashboardChain } from "lib/v5-adapter";
 import { ArrowDownIcon, WalletIcon } from "lucide-react";
@@ -24,7 +25,6 @@ import {
 import { resolveContractAbi } from "thirdweb/contract";
 import { useActiveAccount } from "thirdweb/react";
 import { parseAbiParams } from "thirdweb/utils";
-import { getClientThirdwebClient } from "../../../../../../@/constants/thirdweb-client.client";
 import { ShareButton } from "../../components/share";
 
 export type SimulateTransactionForm = {

apps/dashboard/src/app/(app)/account/layout.tsx

@@ -2,11 +2,11 @@ import { getProjects } from "@/api/projects";
 import { type Team, getTeams } from "@/api/team";
 import { AppFooter } from "@/components/blocks/app-footer";
 import { TabPathLinks } from "@/components/ui/tabs";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import type { Account } from "@3rdweb-sdk/react/hooks/useApi";
 import { AnnouncementBanner } from "components/notices/AnnouncementBanner";
 import type React from "react";
 import type { ThirdwebClient } from "thirdweb";
-import { getClientThirdwebClient } from "../../../@/constants/thirdweb-client.client";
 import {
   getAuthToken,
   getAuthTokenWalletAddress,

apps/dashboard/src/app/(app)/account/settings/page.tsx

@@ -1,5 +1,5 @@
 import { getDefaultTeam } from "@/api/team";
-import { getClientThirdwebClient } from "../../../../@/constants/thirdweb-client.client";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { getAuthToken } from "../../api/lib/getAuthToken";
 import { loginRedirect } from "../../login/loginRedirect";
 import { AccountSettingsPage } from "./AccountSettingsPage";

apps/dashboard/src/app/(app)/account/wallets/page.tsx

@@ -1,5 +1,5 @@
 import { getLinkedWallets } from "@/api/linked-wallets";
-import { getClientThirdwebClient } from "../../../../@/constants/thirdweb-client.client";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { getAuthToken } from "../../api/lib/getAuthToken";
 import { loginRedirect } from "../../login/loginRedirect";
 import { getValidAccount } from "../settings/getAccount";

apps/dashboard/src/app/(app)/api/lib/getAuthToken.ts

@@ -1,7 +1,7 @@
 import { COOKIE_ACTIVE_ACCOUNT, COOKIE_PREFIX_TOKEN } from "@/constants/cookie";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { LAST_USED_TEAM_ID } from "constants/cookies";
 import { cookies } from "next/headers";
-import { getClientThirdwebClient } from "../../../../@/constants/thirdweb-client.client";
 
 export async function getAuthToken() {
   const cookiesManager = await cookies();

apps/dashboard/src/app/(app)/components/TeamPlanBadge.tsx

@@ -3,8 +3,8 @@
 import type { Team } from "@/api/team";
 import { Badge, type BadgeProps } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
+import { useTrack } from "hooks/analytics/useTrack";
 import Link from "next/link";
-import { useTrack } from "../../../hooks/analytics/useTrack";
 
 const teamPlanToBadgeVariant: Record<
   Team["billingPlan"],

apps/dashboard/src/app/(app)/drops/[slug]/opengraph-image.tsx

@@ -1,7 +1,7 @@
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { ImageResponse } from "next/og";
 import { download } from "thirdweb/storage";
 import { fetchChain } from "utils/fetchChain";
-import { serverThirdwebClient } from "../../../../@/constants/thirdweb-client.server";
 import { DROP_PAGES } from "./data";
 
 // Route segment config

apps/dashboard/src/app/(app)/drops/[slug]/page.tsx

@@ -1,3 +1,4 @@
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { defineDashboardChain } from "lib/defineDashboardChain";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
@@ -12,7 +13,6 @@ import {
   getActiveClaimCondition as getActiveClaimCondition1155,
   getNFT as getNFT1155,
 } from "thirdweb/extensions/erc1155";
-import { serverThirdwebClient } from "../../../../@/constants/thirdweb-client.server";
 import { DROP_PAGES } from "./data";
 import { NftMint } from "./mint-ui";
 

apps/dashboard/src/app/(app)/get-started/team/[team_slug]/add-members/page.tsx

@@ -1,6 +1,6 @@
 import { getTeamBySlug } from "@/api/team";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { notFound } from "next/navigation";
-import { getClientThirdwebClient } from "../../../../../../@/constants/thirdweb-client.client";
 import { getAuthToken } from "../../../../api/lib/getAuthToken";
 import { TeamOnboardingLayout } from "../../../../login/onboarding/onboarding-layout";
 import { InviteTeamMembers } from "../../../../login/onboarding/team-onboarding/team-onboarding";

apps/dashboard/src/app/(app)/get-started/team/[team_slug]/layout.tsx

@@ -1,8 +1,8 @@
 import { getProjects } from "@/api/projects";
 import { getTeamBySlug, getTeams } from "@/api/team";
 import { AppFooter } from "@/components/blocks/app-footer";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { notFound } from "next/navigation";
-import { getClientThirdwebClient } from "../../../../../@/constants/thirdweb-client.client";
 import { getValidAccount } from "../../../account/settings/getAccount";
 import {
   getAuthToken,

apps/dashboard/src/app/(app)/get-started/team/[team_slug]/page.tsx

@@ -1,6 +1,6 @@
 import { getTeamBySlug } from "@/api/team";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { notFound } from "next/navigation";
-import { getClientThirdwebClient } from "../../../../../@/constants/thirdweb-client.client";
 import { getAuthToken } from "../../../api/lib/getAuthToken";
 import { loginRedirect } from "../../../login/loginRedirect";
 import { TeamOnboardingLayout } from "../../../login/onboarding/onboarding-layout";

apps/dashboard/src/app/(app)/login/onboarding/LinkWalletPrompt/LinkWalletPrompt.tsx

@@ -4,10 +4,10 @@ import { Spinner } from "@/components/ui/Spinner/Spinner";
 import { Button } from "@/components/ui/button";
 import { TrackedLinkTW } from "@/components/ui/tracked-link";
 import { useMutation } from "@tanstack/react-query";
+import type { TrackingParams } from "hooks/analytics/useTrack";
 import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
 import { toast } from "sonner";
 import { shortenString } from "utils/usedapp-external";
-import type { TrackingParams } from "../../../../../hooks/analytics/useTrack";
 
 export function LinkWalletPrompt(props: {
   email: string;

apps/dashboard/src/app/(app)/login/onboarding/account-onboarding.tsx

@@ -5,9 +5,9 @@ import {
   updateAccountClient,
   verifyEmailClient,
 } from "@3rdweb-sdk/react/hooks/useApi";
+import { useTrack } from "hooks/analytics/useTrack";
 import { useActiveWallet } from "thirdweb/react";
 import { useDisconnect } from "thirdweb/react";
-import { useTrack } from "../../../../hooks/analytics/useTrack";
 import { doLogout } from "../auth-actions";
 import { AccountOnboardingUI } from "./account-onboarding-ui";
 

apps/dashboard/src/app/(app)/login/page.tsx

@@ -1,4 +1,4 @@
-import { getClientThirdwebClient } from "../../../@/constants/thirdweb-client.client";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { getRawAccount } from "../account/settings/getAccount";
 import { LoginAndOnboardingPage } from "./LoginPage";
 import { isValidEncodedRedirectPath } from "./isValidEncodedRedirectPath";

apps/dashboard/src/app/(app)/project-showcase/[slug]/page.tsx

@@ -7,11 +7,11 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
+import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { resolveSchemeWithErrorHandler } from "@/lib/resolveSchemeWithErrorHandler";
 import { PROJECT_SHOWCASE_DATA } from "lib/project-showcase-constants";
 import { ExternalLinkIcon, FileTextIcon } from "lucide-react";
 import Link from "next/link";
-import { serverThirdwebClient } from "../../../../@/constants/thirdweb-client.server";
 
 export default async function DetailPage(props: {
   params: Promise<{ slug: string }>;