Move market details specific components

packages/app/src/features/markets/components/debt-ceiling-progress/DebtCeilingProgress.stories.ts → packages/app/src/features/market-details/components/debt-ceiling-progress/DebtCeilingProgress.stories.ts

@@ -8,7 +8,7 @@ import { NormalizedUnitNumber } from '@marsfoundation/common-universal'
 import { DebtCeilingProgress } from './DebtCeilingProgress'
 
 const meta: Meta<typeof DebtCeilingProgress> = {
-  title: 'Features/Markets/Components/DebtCeilingProgress',
+  title: 'Features/MarketDetails/Components/MyWallet/DebtCeilingProgress',
   component: DebtCeilingProgress,
   decorators: [WithTooltipProvider(), WithClassname('max-w-2xl'), withRouter],
 }

packages/app/src/features/markets/components/debt-ceiling-progress/DebtCeilingProgress.tsx → packages/app/src/features/market-details/components/debt-ceiling-progress/DebtCeilingProgress.tsx

@@ -1,5 +1,5 @@
 import { USD_MOCK_TOKEN } from '@/domain/types/Token'
-import { Progress } from '@/features/markets/components/debt-ceiling-progress/Progress'
+import { Progress } from '@/features/market-details/components/debt-ceiling-progress/Progress'
 import { Link } from '@/ui/atoms/link/Link'
 import { links } from '@/ui/constants/links'
 import { Info } from '@/ui/molecules/info/Info'

packages/app/src/features/markets/components/debt-ceiling-progress/Progress.stories.ts → packages/app/src/features/market-details/components/debt-ceiling-progress/Progress.stories.ts

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 import { Progress } from './Progress'
 
 const meta: Meta<typeof Progress> = {
-  title: 'Features/Markets/Components/DebtCeilingProgress/Progress',
+  title: 'Features/MarketDetails/Components/MyWallet/DebtCeilingProgress/Progress',
   component: Progress,
   decorators: [WithClassname('max-w-sm')],
 }

packages/app/src/ui/molecules/info-tile/InfoTile.stories.tsx → packages/app/src/features/market-details/components/info-tile/InfoTile.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 import { InfoTile } from './InfoTile'
 
 const meta: Meta<typeof InfoTile> = {
-  title: 'Components/Molecules/InfoTile',
+  title: 'Features/MarketDetails/Components/MyWallet/InfoTile',
   component: InfoTile,
 }
 

packages/app/src/ui/molecules/info-tile/InfoTile.tsx → packages/app/src/features/market-details/components/info-tile/InfoTile.tsx

@@ -19,14 +19,14 @@ export function InfoTile({ children, 'data-testid': dataTestId, className }: Inf
 }
 
 function Label({ children }: InfoTileProps) {
-  return <div className="typography-label-5 my-auto text-primary">{children}</div>
+  return <div className="typography-label-5 my-auto text-secondary">{children}</div>
 }
 
 function Value({ children, 'data-testid': dataTestId, className }: InfoTileProps) {
   return (
     <div
       className={cn(
-        'typography-body-5 flex items-center gap-1 justify-self-end text-primary sm:min-h-[26px] sm:justify-self-start sm:text-base sm:leading-none',
+        'typography-body-4 flex items-center gap-1 justify-self-end text-primary sm:min-h-[26px] sm:justify-self-start',
         className,
       )}
       data-testid={dataTestId}
@@ -43,7 +43,7 @@ function ComplementaryLine({ children, 'data-testid': dataTestId, className }: I
         'col-start-2 row-start-2 justify-self-end',
         'typography-label-6 text-secondary',
         'sm:col-start-1 sm:row-start-3',
-        'sm:justify-self-start sm:leading-none',
+        'sm:justify-self-start',
         className,
       )}
       data-testid={dataTestId}

packages/app/src/features/market-details/components/oracle-panel/components/FixedOraclePanel.tsx

@@ -1,8 +1,8 @@
 import { FixedOracleInfo } from '@/domain/oracles/types'
 import { USD_MOCK_TOKEN } from '@/domain/types/Token'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { Panel } from '@/ui/atoms/panel/Panel'
 import { BlockExplorerAddressLink } from '@/ui/molecules/block-explorer-address-link/BlockExplorerAddressLink'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { Info } from '@/ui/molecules/info/Info'
 import { testIds } from '@/ui/utils/testIds'
 

packages/app/src/features/market-details/components/oracle-panel/components/MarketOraclePanel.tsx

@@ -1,8 +1,8 @@
 import { MarketPriceOracleInfo } from '@/domain/oracles/types'
 import { USD_MOCK_TOKEN } from '@/domain/types/Token'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { Panel } from '@/ui/atoms/panel/Panel'
 import { BlockExplorerAddressLink } from '@/ui/molecules/block-explorer-address-link/BlockExplorerAddressLink'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { Info } from '@/ui/molecules/info/Info'
 import { testIds } from '@/ui/utils/testIds'
 import { ProvidersList } from './ProvidersList'

packages/app/src/features/market-details/components/oracle-panel/components/UnderlyingAssetOraclePanel.tsx

@@ -1,8 +1,8 @@
 import { UnderlyingAssetOracleInfo } from '@/domain/oracles/types'
 import { USD_MOCK_TOKEN } from '@/domain/types/Token'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { Panel } from '@/ui/atoms/panel/Panel'
 import { BlockExplorerAddressLink } from '@/ui/molecules/block-explorer-address-link/BlockExplorerAddressLink'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { Info } from '@/ui/molecules/info/Info'
 import { testIds } from '@/ui/utils/testIds'
 

packages/app/src/features/market-details/components/oracle-panel/components/UnknownOraclePanel.tsx

@@ -1,8 +1,8 @@
 import { UnknownOracleInfo } from '@/domain/oracles/types'
 import { USD_MOCK_TOKEN } from '@/domain/types/Token'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { Panel } from '@/ui/atoms/panel/Panel'
 import { BlockExplorerAddressLink } from '@/ui/molecules/block-explorer-address-link/BlockExplorerAddressLink'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { testIds } from '@/ui/utils/testIds'
 
 export function UnknownOraclePanel({ chainId, token, price, priceOracleAddress }: UnknownOracleInfo) {

packages/app/src/features/market-details/components/oracle-panel/components/YieldingFixedOraclePanel.tsx

@@ -1,8 +1,8 @@
 import { YieldingFixedOracleInfo } from '@/domain/oracles/types'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { assets } from '@/ui/assets'
 import { Panel } from '@/ui/atoms/panel/Panel'
 import { BlockExplorerAddressLink } from '@/ui/molecules/block-explorer-address-link/BlockExplorerAddressLink'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { Info } from '@/ui/molecules/info/Info'
 import { testIds } from '@/ui/utils/testIds'
 import { NormalizedUnitNumber } from '@marsfoundation/common-universal'

packages/app/src/features/market-details/components/status-panel/BorrowStatusPanel.tsx

@@ -2,9 +2,9 @@ import { CapAutomatorConfig } from '@/domain/cap-automator/types'
 import { formatPercentage } from '@/domain/common/format'
 import { BorrowEligibilityStatus } from '@/domain/market-info/reserve-status'
 import { Token } from '@/domain/types/Token'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { ApyTooltip } from '@/ui/molecules/apy-tooltip/ApyTooltip'
 import { CooldownTimer } from '@/ui/molecules/cooldown-timer/CooldownTimer'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { cn } from '@/ui/utils/style'
 import { testIds } from '@/ui/utils/testIds'
 import { NormalizedUnitNumber, Percentage } from '@marsfoundation/common-universal'

packages/app/src/features/market-details/components/status-panel/CollateralStatusPanel.tsx

@@ -1,6 +1,6 @@
 import { formatPercentage } from '@/domain/common/format'
-import { DebtCeilingProgress } from '@/features/markets/components/debt-ceiling-progress/DebtCeilingProgress'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
+import { DebtCeilingProgress } from '@/features/market-details/components/debt-ceiling-progress/DebtCeilingProgress'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { CollateralStatusInfo } from '../../types'
 import { EmptyStatusPanel } from './components/EmptyStatusPanel'
 import { Header } from './components/Header'

packages/app/src/features/market-details/components/status-panel/EModeStatusPanel.tsx

@@ -3,11 +3,11 @@ import { formatPercentage } from '@/domain/common/format'
 import { eModeCategoryIdToName } from '@/domain/e-mode/constants'
 import { EModeCategoryId } from '@/domain/e-mode/types'
 import { TokenSymbol } from '@/domain/types/TokenSymbol'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { assets } from '@/ui/assets'
 import { Link } from '@/ui/atoms/link/Link'
 import { links } from '@/ui/constants/links'
 import { EModeBadge } from '@/ui/molecules/e-mode-badge/EModeBadge'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { cn } from '@/ui/utils/style'
 import { Percentage } from '@marsfoundation/common-universal'
 import { Header } from './components/Header'

packages/app/src/features/market-details/components/status-panel/LendStatusPanel.tsx

@@ -1,6 +1,6 @@
 import { formatPercentage } from '@/domain/common/format'
 import { Token } from '@/domain/types/Token'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { NormalizedUnitNumber, Percentage } from '@marsfoundation/common-universal'
 import { Header } from './components/Header'
 import { InfoTilesGrid } from './components/InfoTilesGrid'

packages/app/src/features/market-details/components/status-panel/SupplyStatusPanel.tsx

@@ -2,9 +2,9 @@ import { CapAutomatorConfig } from '@/domain/cap-automator/types'
 import { formatPercentage } from '@/domain/common/format'
 import { SupplyAvailabilityStatus } from '@/domain/market-info/reserve-status'
 import { Token } from '@/domain/types/Token'
+import { InfoTile } from '@/features/market-details/components/info-tile/InfoTile'
 import { ApyTooltip } from '@/ui/molecules/apy-tooltip/ApyTooltip'
 import { CooldownTimer } from '@/ui/molecules/cooldown-timer/CooldownTimer'
-import { InfoTile } from '@/ui/molecules/info-tile/InfoTile'
 import { cn } from '@/ui/utils/style'
 import { testIds } from '@/ui/utils/testIds'
 import { NormalizedUnitNumber, Percentage } from '@marsfoundation/common-universal'