From 52d89ceb6d2baa01c2da64b463c473444cee6bc1 Mon Sep 17 00:00:00 2001 From: MananTank Date: Tue, 15 Oct 2024 21:02:35 +0000 Subject: [PATCH] Move contract overview page components to app router folder (No code changes) (#5038) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Problem solved Short description of the bug fixed or feature added --- ## PR-Codex overview This PR focuses on refactoring the structure of the dashboard components by relocating several components to a new directory structure under `apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components`. ### Detailed summary - Moved `NFTCards` import in `nfts-owned.tsx` to a new path. - Updated `NFTCards` import in `NFTDetails.tsx` to the new path. - Added `getAllRoleMembers` import in `PermissionsTable.tsx` from a new path. - Moved `getAllRoleMembers` import to a new path in `PermissionsTable.tsx`. - Added `useContractFunctionSelectors` import in `ContractChecklist.tsx` from a new path. - Moved `useContractFunctionSelectors` import to a new path in `ContractChecklist.tsx`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` --- .../[chain_id]/[contractAddress]/_components}/NFTCards.tsx | 0 .../[contractAddress]/overview/ContractOverviewPage.tsx} | 0 .../[contractAddress]}/overview/components/Analytics.tsx | 0 .../[contractAddress]}/overview/components/BuildYourApp.tsx | 0 .../overview/components/ContractChecklist.tsx | 2 +- .../[contractAddress]}/overview/components/LatestEvents.tsx | 0 .../overview/components/MarketplaceDetails.tsx | 0 .../[contractAddress]}/overview/components/NFTDetails.tsx | 2 +- .../[contractAddress]}/overview/components/PermissionsTable.tsx | 2 +- .../[contractAddress]}/overview/components/TokenDetails.tsx | 0 .../(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx | 2 +- .../src/contract-ui/tabs/account/components/nfts-owned.tsx | 2 +- 12 files changed, 5 insertions(+), 5 deletions(-) rename apps/dashboard/src/{contract-ui/tabs/overview/components => app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components}/NFTCards.tsx (100%) rename apps/dashboard/src/{contract-ui/tabs/overview/page.tsx => app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx} (100%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/Analytics.tsx (100%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/BuildYourApp.tsx (100%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/ContractChecklist.tsx (99%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/LatestEvents.tsx (100%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/MarketplaceDetails.tsx (100%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/NFTDetails.tsx (97%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/PermissionsTable.tsx (98%) rename apps/dashboard/src/{contract-ui/tabs => app/(dashboard)/(chain)/[chain_id]/[contractAddress]}/overview/components/TokenDetails.tsx (100%) diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/NFTCards.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/components/NFTCards.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards.tsx diff --git a/apps/dashboard/src/contract-ui/tabs/overview/page.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/page.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/ContractOverviewPage.tsx diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/Analytics.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/Analytics.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/components/Analytics.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/Analytics.tsx diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/BuildYourApp.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/BuildYourApp.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/components/BuildYourApp.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/BuildYourApp.tsx diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/ContractChecklist.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx similarity index 99% rename from apps/dashboard/src/contract-ui/tabs/overview/components/ContractChecklist.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx index 7625fca9e78..cbd8dbcaf0f 100644 --- a/apps/dashboard/src/contract-ui/tabs/overview/components/ContractChecklist.tsx +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/ContractChecklist.tsx @@ -1,6 +1,7 @@ import { AdminOnly } from "@3rdweb-sdk/react/components/roles/admin-only"; import { useIsMinter } from "@3rdweb-sdk/react/hooks/useContractRoles"; import { StepsCard } from "components/dashboard/StepsCard"; +import { useContractFunctionSelectors } from "contract-ui/hooks/useContractFunctionSelectors"; import { useMemo } from "react"; import type { ThirdwebContract } from "thirdweb"; import * as ERC20Ext from "thirdweb/extensions/erc20"; @@ -10,7 +11,6 @@ import * as ERC4337Ext from "thirdweb/extensions/erc4337"; import { getAccounts } from "thirdweb/extensions/erc4337"; import { useReadContract } from "thirdweb/react"; import { Link, Text } from "tw-components"; -import { useContractFunctionSelectors } from "../../../hooks/useContractFunctionSelectors"; interface ContractChecklistProps { contract: ThirdwebContract; diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/LatestEvents.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/LatestEvents.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/components/LatestEvents.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/LatestEvents.tsx diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/MarketplaceDetails.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/MarketplaceDetails.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/components/MarketplaceDetails.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/MarketplaceDetails.tsx diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/NFTDetails.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx similarity index 97% rename from apps/dashboard/src/contract-ui/tabs/overview/components/NFTDetails.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx index 921b543a8da..59f7bd41336 100644 --- a/apps/dashboard/src/contract-ui/tabs/overview/components/NFTDetails.tsx +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/NFTDetails.tsx @@ -4,7 +4,7 @@ import * as ERC721 from "thirdweb/extensions/erc721"; import * as ERC1155 from "thirdweb/extensions/erc1155"; import { useReadContract } from "thirdweb/react"; import { TrackedLink, type TrackedLinkProps } from "tw-components"; -import { NFTCards } from "./NFTCards"; +import { NFTCards } from "../../_components/NFTCards"; interface NFTDetailsProps { contract: ThirdwebContract; diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/PermissionsTable.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx similarity index 98% rename from apps/dashboard/src/contract-ui/tabs/overview/components/PermissionsTable.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx index bafb0373815..c98afd8fcc3 100644 --- a/apps/dashboard/src/contract-ui/tabs/overview/components/PermissionsTable.tsx +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/PermissionsTable.tsx @@ -1,5 +1,6 @@ import { ToolTipLabel } from "@/components/ui/tooltip"; import { Box, Flex, List, SimpleGrid, Tag } from "@chakra-ui/react"; +import { getAllRoleMembers } from "contract-ui/hooks/permissions"; import { AnimatePresence, motion } from "framer-motion"; import { useClipboard } from "hooks/useClipboard"; import { CopyIcon } from "lucide-react"; @@ -16,7 +17,6 @@ import { type TrackedLinkProps, } from "tw-components"; import { shortenIfAddress } from "utils/usedapp-external"; -import { getAllRoleMembers } from "../../../hooks/permissions"; interface PermissionsTableProps { contract: ThirdwebContract; diff --git a/apps/dashboard/src/contract-ui/tabs/overview/components/TokenDetails.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/TokenDetails.tsx similarity index 100% rename from apps/dashboard/src/contract-ui/tabs/overview/components/TokenDetails.tsx rename to apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/overview/components/TokenDetails.tsx diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx index 3f87a082467..dfe1dfa6698 100644 --- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/page.tsx @@ -1,7 +1,7 @@ -import { ContractOverviewPage } from "contract-ui/tabs/overview/page"; import { notFound } from "next/navigation"; import { getContractPageParamsInfo } from "./_utils/getContractFromParams"; import { getContractPageMetadata } from "./_utils/getContractPageMetadata"; +import { ContractOverviewPage } from "./overview/ContractOverviewPage"; export default async function Page(props: { params: { diff --git a/apps/dashboard/src/contract-ui/tabs/account/components/nfts-owned.tsx b/apps/dashboard/src/contract-ui/tabs/account/components/nfts-owned.tsx index f7dbe26eadb..d4ff10dca0c 100644 --- a/apps/dashboard/src/contract-ui/tabs/account/components/nfts-owned.tsx +++ b/apps/dashboard/src/contract-ui/tabs/account/components/nfts-owned.tsx @@ -1,9 +1,9 @@ "use client"; import { useWalletNFTs } from "@3rdweb-sdk/react"; -import { NFTCards } from "contract-ui/tabs/overview/components/NFTCards"; import type { ThirdwebContract } from "thirdweb"; import { Text } from "tw-components"; +import { NFTCards } from "../../../../app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_components/NFTCards"; interface NftsOwnedProps { contract: ThirdwebContract;