refactor(components): replace and remove old link components

Author: TylerAPfledderer

src/components/FileContributors.tsx

@@ -2,7 +2,6 @@ import { BaseHTMLAttributes, useState } from "react"
 
 import type { ChildOnlyProp, FileContributor } from "@/lib/types"
 
-import InlineLink from "@/components/Link"
 import Translation from "@/components/Translation"
 import { Button } from "@/components/ui/buttons/Button"
 import { Flex, VStack } from "@/components/ui/flex"
@@ -13,6 +12,7 @@ import { trackCustomEvent } from "@/lib/utils/matomo"
 
 import { Avatar } from "./ui/avatar"
 import Modal from "./ui/dialog-modal"
+import InlineLink from "./ui/Link"
 
 import { useBreakpointValue } from "@/hooks/useBreakpointValue"
 

src/components/Glossary/GlossaryTooltip/index.tsx

@@ -1,9 +1,9 @@
 import React, { ReactNode } from "react"
 import { useRouter } from "next/router"
 
-import InlineLink from "@/components/Link"
 import Tooltip, { type TooltipProps } from "@/components/Tooltip"
 import Translation from "@/components/Translation"
+import InlineLink from "@/components/ui/Link"
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
 import { cleanPath } from "@/lib/utils/url"

src/components/History/NetworkUpgradeSummary.tsx

@@ -10,7 +10,7 @@ import { getLocaleForNumberFormat } from "@/lib/utils/translations"
 
 import NetworkUpgradeSummaryData from "../../data/NetworkUpgradeSummaryData"
 import Emoji from "../Emoji"
-import InlineLink from "../Link"
+import InlineLink from "../ui/Link"
 
 type NetworkUpgradeSummaryProps = {
   name: string

src/components/LanguagePicker/NoResultsCallout.tsx

@@ -1,8 +1,6 @@
 import { useTranslation } from "next-i18next"
 
-import { BaseLink } from "@/components/Link"
-
-import MenuItem from "./MenuItem"
+import { BaseLink } from "../ui/Link"
 
 type NoResultsCalloutProps = { onClose: () => void }
 
@@ -14,9 +12,7 @@ const NoResultsCallout = ({ onClose }: NoResultsCalloutProps) => {
       <p className="text-body-medium">
         {t("page-languages-want-more-paragraph")}
       </p>
-      {/* TODO: use migrated Link component */}
       <BaseLink
-        as={MenuItem}
         key="item-no-results"
         href="contributing/translation-program"
         onClick={onClose}

src/components/LanguagePicker/index.tsx

@@ -1,8 +1,6 @@
 import { useRouter } from "next/router"
 import { useTranslation } from "next-i18next"
 
-import { BaseLink } from "@/components/Link"
-
 import { cn } from "@/lib/utils/cn"
 
 import {
@@ -13,6 +11,7 @@ import {
   CommandList,
 } from "../ui/command"
 import { Dialog, DialogContent, DialogTrigger } from "../ui/dialog"
+import { BaseLink } from "../ui/Link"
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover"
 
 import MenuItem from "./MenuItem"

src/components/Layer2NetworksTable/NetworksSubComponent.tsx

@@ -1,10 +1,10 @@
 import { MdInfoOutline } from "react-icons/md"
 
 import NetworkUsageChart from "@/components/Layer2NetworksTable/NetworkUsageChart"
-import InlineLink from "@/components/Link"
 import Tooltip from "@/components/Tooltip"
 
 import { ButtonLink } from "../ui/buttons/Button"
+import InlineLink from "../ui/Link"
 
 const formatNumber = (num: number): string => {
   if (num >= 1e9) {

src/components/Layer2NetworksTable/hooks/useNetworkColumns.tsx

@@ -9,9 +9,9 @@ import { ExtendedRollup, Lang } from "@/lib/types"
 import { TableMeta } from "@/components/DataTable"
 import { Image } from "@/components/Image"
 import NetworkMaturityTooltip from "@/components/Layer2NetworksTable/NetworkMaturityTooltip"
-import InlineLink from "@/components/Link"
 import Tooltip from "@/components/Tooltip"
 import { Button } from "@/components/ui/buttons/Button"
+import InlineLink from "@/components/ui/Link"
 import { TableCell, TableHead } from "@/components/ui/table"
 
 import { cn } from "@/lib/utils/cn"

src/components/Link.tsx

@@ -3,7 +3,7 @@ import shuffle from "lodash/shuffle"
 
 import type { TranslationKey } from "@/lib/types"
 
-import InlineLink from "./Link"
+import InlineLink from "./ui/Link"
 import Translation from "./Translation"
 
 interface App {

src/components/RandomAppList.tsx

@@ -4,12 +4,13 @@ import { MdInfoOutline } from "react-icons/md"
 
 import type { ChildOnlyProp, Lang, StakingStatsData } from "@/lib/types"
 
-import InlineLink from "@/components/Link"
 import Tooltip from "@/components/Tooltip"
 import { Flex, VStack } from "@/components/ui/flex"
 
 import { getLocaleForNumberFormat } from "@/lib/utils/translations"
 
+import InlineLink from "../ui/Link"
+
 const Cell = ({ children }: ChildOnlyProp) => (
   <VStack className="gap-2 px-8 py-4">{children}</VStack>
 )