refactor(dapp): move icons to components (#494)

Author: Juligs

dapp/src/components/dialogs/PersonalizeAvatarDialog.tsx

@@ -22,6 +22,7 @@ import { isSubname } from '@iota/iota-names-sdk';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
 
+import { BrandedAssets } from '@/components/svgs';
 import {
     NameRecordData,
     NameUpdate,
@@ -32,7 +33,6 @@ import {
 } from '@/hooks';
 import { useGetVisualAssets } from '@/hooks/useGetVisualAssets';
 import { getNameObject } from '@/lib/utils/names';
-import { BrandedAssets } from '@/public/icons';
 
 import { TruncatedNameWithTooltip } from '../TruncatedNameWithTooltip';
 

dapp/src/components/layout/Footer.tsx

@@ -6,8 +6,8 @@ import Link from 'next/link';
 import { useRouter, useSearchParams } from 'next/navigation';
 
 import { TermsAndConditionsDialog } from '@/components/dialogs/TermsAndConditionsDialog';
+import { NamesLogoBranded } from '@/components/svgs';
 import { FOOTER_LEGAL_LINKS, FOOTER_SOCIAL_LINKS } from '@/lib/constants';
-import { NamesLogoBranded } from '@/public/icons';
 
 export function Footer() {
     const router = useRouter();

dapp/src/components/layout/Navbar.tsx

@@ -9,8 +9,8 @@ import { ConnectButton, useCurrentWallet } from '@iota/dapp-kit';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 
+import { NamesLogoWeb } from '@/components/svgs';
 import { MY_NAMES_ROUTE, PROTECTED_ROUTES } from '@/lib/constants';
-import { NamesLogoWeb } from '@/public/icons';
 import { useAvailabilityCheckDialog } from '@/stores/useAvailabilityCheckDialog';
 
 export function Navbar() {

dapp/src/components/name-card/NameCardIndicators.tsx

@@ -1,15 +1,13 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { Add, Calendar } from '@iota/apps-ui-icons';
+import { Add, Calendar, Subnames } from '@iota/apps-ui-icons';
 import { ButtonUnstyled } from '@iota/apps-ui-kit';
 import cx from 'clsx';
 
 import { AuctionDetails, formatTimeRemaining, getTimeRemaining } from '@/auctions';
 import { useCountdown } from '@/auctions/hooks/useCountdown';
 
-import { SvgSubnames } from '../svgs/SvgSubnames';
-
 const INDICATOR_PRIMARY_TEXT_COLOR = 'text-names-neutral-70';
 const INDICATOR_SECONDARY_TEXT_COLOR = 'text-iota-primary-80';
 const INDICATOR_COMMON_CLASSES =
@@ -72,7 +70,7 @@ export function SubnameCountIndicator({
                 CLICKABLE_INDICATOR_CLASSES,
             )}
         >
-            <SvgSubnames className="h-4 w-4" />
+            <Subnames className="h-4 w-4" />
             {subnameCount} Subname{subnameCount !== 1 ? 's' : ''}
         </ButtonUnstyled>
     );

dapp/src/public/icons/BrandedAssets.tsx …pp/src/components/svgs/BrandedAssets.tsxdapp/src/public/icons/BrandedAssets.tsx renamed to dapp/src/components/svgs/BrandedAssets.tsx dapp/src/public/icons/BrandedAssets.tsx renamed to dapp/src/components/svgs/BrandedAssets.tsx

@@ -1,7 +1,6 @@
-// Copyright (c) 2024 IOTA Stiftung
+// Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-export { default as X } from './X';
 export { default as NamesLogoBranded } from './NamesLogoBranded';
 export { default as NamesLogoWeb } from './NamesLogoWeb';
 export { default as BrandedAssets } from './BrandedAssets';

…pp/src/public/icons/NamesLogoBranded.tsx …src/components/svgs/NamesLogoBranded.tsxdapp/src/public/icons/NamesLogoBranded.tsx renamed to dapp/src/components/svgs/NamesLogoBranded.tsx dapp/src/public/icons/NamesLogoBranded.tsx renamed to dapp/src/components/svgs/NamesLogoBranded.tsx

@@ -1,9 +1,7 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { Discord } from '@iota/apps-ui-icons';
-
-import { X } from '@/public/icons';
+import { Discord, SmX } from '@iota/apps-ui-icons';
 
 import { ProtectedRouteTitle } from '../enums';
 import type { Route } from '../interfaces';
@@ -28,7 +26,7 @@ export const FOOTER_SOCIAL_LINKS: Route[] = [
     },
     {
         path: 'https://x.com/iota',
-        icon: <X />,
+        icon: <SmX />,
     },
 ];