feat(dapp): hide auctions feature (#1150)

Remove auction pages, components, hooks, and related code



Remove auction analytics, IotaNamesIndexerClient context, and update tests



Fix linting errors and remove auction test utilities



Restore auction code and hide from UI only - keep codebase intact



Block access to /auctions route by redirecting to home page



Add refresh button back to My Names page for All filter



Restore auctions page content with early redirect to home



Use Next.js config redirect for instant /auctions redirect without page load

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: VmMad <88061365+VmMad@users.noreply.github.com>

Author: Copilot

dapp/next.config.mjs

@@ -39,6 +39,12 @@ const nextConfig = withMDX({
     },
     async redirects() {
         return [
+            // Redirect auctions page to home (feature hidden from UI)
+            {
+                source: '/auctions',
+                destination: '/',
+                permanent: false,
+            },
             {
                 source: '/((?!terms-of-service$).*)', // Dont redirect if the path is already /terms-of-service
                 has: [

dapp/playwright.config.ts

@@ -50,20 +50,21 @@ export default defineConfig({
             dependencies: ['Purchase setup'],
             fullyParallel: false,
         },
-        {
-            name: 'Auctions setup',
-            testMatch: /auctions\.setup\.ts/,
-            dependencies: ['Purchase flow'],
-        },
-        {
-            name: 'Auctions flow',
-            use: {
-                ...devices['Desktop Chrome'],
-                userAgent: 'Playwright',
-            },
-            testDir: './tests/auctions',
-            dependencies: ['Auctions setup'],
-        },
+        // Auction tests are disabled - auction functionality is hidden from UI
+        // {
+        //     name: 'Auctions setup',
+        //     testMatch: /auctions\.setup\.ts/,
+        //     dependencies: ['Purchase flow'],
+        // },
+        // {
+        //     name: 'Auctions flow',
+        //     use: {
+        //         ...devices['Desktop Chrome'],
+        //         userAgent: 'Playwright',
+        //     },
+        //     testDir: './tests/auctions',
+        //     dependencies: ['Auctions setup'],
+        // },
     ],
     webServer: {
         command: process.env.CI ? 'pnpm start' : 'pnpm run dev',

dapp/src/app/(protected)/my-names/filters.ts

@@ -3,7 +3,6 @@
 
 export enum GroupedNamesFilter {
     All = 'All',
-    InAuction = 'In Auction',
     Names = 'Names',
     Subnames = 'Subnames',
 }

dapp/src/app/(protected)/my-names/page.tsx

@@ -3,7 +3,7 @@
 
 'use client';
 
-import { Add, Info, Refresh, Warning } from '@iota/apps-ui-icons';
+import { Add, Info, Refresh } from '@iota/apps-ui-icons';
 import {
     Badge,
     BadgeType,
@@ -19,16 +19,14 @@ import {
 } from '@iota/apps-ui-kit';
 import { useCurrentAccount } from '@iota/dapp-kit';
 import { normalizeIotaName } from '@iota/iota-names-sdk';
+import { useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
 import toast from 'react-hot-toast';
 
-import { useAuctions } from '@/auctions';
-import { groupUserAuctions, type AuctionCard } from '@/auctions/lib/utils/groupUserAuctions';
 import { RenewSubnameDialog } from '@/components/dialogs/RenewSubameDialog';
-import { ExtendedAuctionCard } from '@/components/name-card/ExtendedAuctionCard';
 import { ExtendedNameCard } from '@/components/name-card/ExtendedNameCard';
 import { CardSkeletonLoader } from '@/components/skeletons/CardSkeletonLoader';
-import { useGetPublicName, useRefreshAuctions, useRegistrationNfts } from '@/hooks';
+import { useGetPublicName, useRegistrationNfts } from '@/hooks';
 import { RegistrationNft } from '@/lib/interfaces';
 import { useAvailabilityCheckDialog } from '@/stores/useAvailabilityCheckDialog';
 
@@ -37,7 +35,7 @@ import { GroupedNamesFilter } from './filters';
 
 export default function MyNamesPage(): JSX.Element {
     const { open } = useAvailabilityCheckDialog();
-    const account = useCurrentAccount();
+    const queryClient = useQueryClient();
 
     const [selectedNameForRenewal, setSelectedNameForRenewal] = useState<RegistrationNft | null>(
         null,
@@ -48,6 +46,7 @@ export default function MyNamesPage(): JSX.Element {
     const [selectedFilter, setSelectedFilter] = useState<GroupedNamesFilter>(
         GroupedNamesFilter.All,
     );
+    const [isRefreshing, setIsRefreshing] = useState(false);
 
     const {
         data: names,
@@ -59,35 +58,19 @@ export default function MyNamesPage(): JSX.Element {
         error: isSubnamesErrored,
         isLoading: isLoadingSubnames,
     } = useRegistrationNfts('subname');
-    const {
-        data: auctionDetails,
-        error: isAuctionsErrored,
-        isLoading: isLoadingAuctions,
-    } = useAuctions({
-        type: 'user',
-        userAddress: account?.address,
-        status: 'all',
-    });
-
-    const { isRefreshing, handleRefresh } = useRefreshAuctions(auctionDetails);
 
     const address = useCurrentAccount()?.address ?? '';
     const { data: publicName } = useGetPublicName(address);
 
-    const isLoadingCards = isLoadingAuctions || isLoadingSubnames || isLoadingRegistrations;
-
-    const groupedAuctions = groupUserAuctions(auctionDetails, account?.address ?? '');
+    const isLoadingCards = isLoadingSubnames || isLoadingRegistrations;
 
-    const filteredNames: (RegistrationNft | AuctionCard)[] = (() => {
-        const auctionCards = groupedAuctions ?? [];
+    const filteredNames: RegistrationNft[] = (() => {
         const namesRegistrations = names ?? [];
         const subnamesRegistrations = subnames ?? [];
 
         switch (selectedFilter) {
             case GroupedNamesFilter.All:
-                return [...namesRegistrations, ...subnamesRegistrations, ...auctionCards];
-            case GroupedNamesFilter.InAuction:
-                return auctionCards;
+                return [...namesRegistrations, ...subnamesRegistrations];
             case GroupedNamesFilter.Names:
                 return namesRegistrations;
             case GroupedNamesFilter.Subnames:
@@ -100,13 +83,7 @@ export default function MyNamesPage(): JSX.Element {
     const totalItemsCount = filteredNames.length;
 
     const noCardToDisplay =
-        !isLoadingCards &&
-        filteredNames.length === 0 &&
-        !isAuctionsErrored &&
-        !isNamesErrored &&
-        !isSubnamesErrored;
-
-    const noAuctions = auctionDetails.every((auction) => auction.metadata === null);
+        !isLoadingCards && filteredNames.length === 0 && !isNamesErrored && !isSubnamesErrored;
 
     function handleFilterSelect(filter: GroupedNamesFilter): void {
         setSelectedFilter(filter);
@@ -130,6 +107,24 @@ export default function MyNamesPage(): JSX.Element {
         setRightPanelSelectedName(null);
     }
 
+    async function handleRefresh(): Promise<void> {
+        if (isRefreshing) return;
+
+        setIsRefreshing(true);
+        try {
+            // Invalidate names and subnames queries to fetch fresh data
+            await queryClient.invalidateQueries({
+                queryKey: ['iota-name', 'owned-objects'],
+            });
+
+            toast.success('Refreshed successfully');
+        } catch (error) {
+            toast.error('Failed to refresh data');
+        } finally {
+            setIsRefreshing(false);
+        }
+    }
+
     return (
         <>
             <div className="flex flex-row gap-md items-center pt-[80px] md:pt-0 btn-alt-bg">
@@ -148,8 +143,7 @@ export default function MyNamesPage(): JSX.Element {
                             })
                         }
                     />
-                    {selectedFilter === GroupedNamesFilter.InAuction ||
-                    selectedFilter === GroupedNamesFilter.All ? (
+                    {selectedFilter === GroupedNamesFilter.All && (
                         <Button
                             type={ButtonType.Outlined}
                             icon={
@@ -163,7 +157,7 @@ export default function MyNamesPage(): JSX.Element {
                             disabled={isRefreshing}
                             testId="refresh-button"
                         />
-                    ) : null}
+                    )}
                 </div>
             </div>
 
@@ -177,7 +171,6 @@ export default function MyNamesPage(): JSX.Element {
                             selected={selectedFilter === value}
                             onClick={() => handleFilterSelect(value)}
                             disabled={
-                                (value === GroupedNamesFilter.InAuction && noAuctions) ||
                                 (value === GroupedNamesFilter.Names && !names?.length) ||
                                 (value === GroupedNamesFilter.Subnames && !subnames?.length)
                             }
@@ -191,22 +184,7 @@ export default function MyNamesPage(): JSX.Element {
                 )}
             </div>
 
-            {selectedFilter === GroupedNamesFilter.InAuction && !isLoadingAuctions ? (
-                isAuctionsErrored || noAuctions ? (
-                    <div className="flex">
-                        <InfoBox
-                            style={InfoBoxStyle.Elevated}
-                            type={isAuctionsErrored ? InfoBoxType.Error : InfoBoxType.Default}
-                            supportingText={
-                                isAuctionsErrored
-                                    ? 'Failed to load auctions. Please try again later.'
-                                    : "You haven't participated in any auctions yet."
-                            }
-                            icon={isAuctionsErrored ? <Warning /> : <Info />}
-                        />
-                    </div>
-                ) : null
-            ) : noCardToDisplay ? (
+            {noCardToDisplay ? (
                 <div className="flex">
                     <InfoBox
                         style={InfoBoxStyle.Elevated}
@@ -226,32 +204,21 @@ export default function MyNamesPage(): JSX.Element {
             {((!isLoadingCards && filteredNames.length > 0) || rightPanelSelectedName) && (
                 <div className="flex flex-row items-start justify-between gap-xl">
                     <div className="gap-lg w-full flex flex-row flex-wrap items-center justify-center sm:justify-start">
-                        {filteredNames.map((nft) =>
-                            'details' in nft ? (
-                                <ExtendedAuctionCard
-                                    key={nft.details.name}
-                                    name={nft.details.name}
-                                    auctionDetails={nft.details}
-                                />
-                            ) : (
-                                <ExtendedNameCard
-                                    key={nft.name}
-                                    nft={nft}
-                                    onSubnameListClick={() => {
-                                        setRightPanelSelectedName(nft);
-                                    }}
-                                    isActive={rightPanelSelectedName?.name === nft.name}
-                                    badge={
-                                        isPublicName(nft) ? (
-                                            <Badge
-                                                type={BadgeType.PrimarySolid}
-                                                label="Public Name"
-                                            />
-                                        ) : null
-                                    }
-                                />
-                            ),
-                        )}
+                        {filteredNames.map((nft) => (
+                            <ExtendedNameCard
+                                key={nft.name}
+                                nft={nft}
+                                onSubnameListClick={() => {
+                                    setRightPanelSelectedName(nft);
+                                }}
+                                isActive={rightPanelSelectedName?.name === nft.name}
+                                badge={
+                                    isPublicName(nft) ? (
+                                        <Badge type={BadgeType.PrimarySolid} label="Public Name" />
+                                    ) : null
+                                }
+                            />
+                        ))}
                     </div>
 
                     {rightPanelSelectedName && (

dapp/src/components/layout/Navbar/Navbar.tsx

@@ -10,7 +10,7 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 
 import { NamesLogoWeb } from '@/components/svgs';
-import { AUCTION_ROUTE, MY_NAMES_ROUTE, PROTECTED_ROUTES, PUBLIC_ROUTES } from '@/lib/constants';
+import { MY_NAMES_ROUTE, PROTECTED_ROUTES, PUBLIC_ROUTES } from '@/lib/constants';
 import { useAvailabilityCheckDialog } from '@/stores/useAvailabilityCheckDialog';
 
 import { ConnectButton } from '../../buttons/ConnectButton';
@@ -21,7 +21,7 @@ export function Navbar({ isBannerVisible }: { isBannerVisible: boolean }) {
     const pathname = usePathname();
     const { open } = useAvailabilityCheckDialog();
 
-    const isAllowedSearchOnPage = [MY_NAMES_ROUTE.path, AUCTION_ROUTE.path].includes(pathname);
+    const isAllowedSearchOnPage = [MY_NAMES_ROUTE.path].includes(pathname);
 
     function toggleSearchDialog() {
         open({

dapp/src/lib/constants/routes.constants.tsx

@@ -26,7 +26,7 @@ export const DOCS_ROUTE: Route = {
 
 export const PROTECTED_ROUTES = [MY_NAMES_ROUTE] as const satisfies Route[];
 
-export const PUBLIC_ROUTES: Route[] = [AUCTION_ROUTE, DOCS_ROUTE] as const satisfies Route[];
+export const PUBLIC_ROUTES: Route[] = [DOCS_ROUTE] as const satisfies Route[];
 
 export const CONNECT_ROUTE: Route = {
     path: '/',

dapp/tests/purchase/purchase.spec.ts

@@ -71,18 +71,6 @@ test.describe.serial('Purchase Name Tests', () => {
             timeout: 5_000,
         });
 
-        await page.goto('/auctions', { waitUntil: 'domcontentloaded' });
-
-        await page
-            .getByTestId('top-navbar')
-            .getByPlaceholder('Search for your IOTA name')
-            .filter({ visible: true })
-            .click();
-
-        expect(page.getByRole('dialog').getByPlaceholder('Check name availability')).toBeVisible({
-            timeout: 5_000,
-        });
-
         await page.goto('/my-names', { waitUntil: 'domcontentloaded' });
 
         await page.getByRole('button', { name: 'Name', exact: true }).click();