Merge pull request #318 from liam-hq/remove-link-icon

Remove LinkIcon and replace its usage with Link component

frontend/.changeset/calm-coats-smoke.md

@@ -0,0 +1,7 @@
+---
+"@liam-hq/erd-core": patch
+"@liam-hq/ui": patch
+"@liam-hq/cli": patch
+---
+
+♻️ Remove LinkIcon and replace its usage with Link component

frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableColumnList/TableColumn/TableColumn.tsx

@@ -2,7 +2,7 @@ import type {
   Cardinality as CardinalityType,
   Column,
 } from '@liam-hq/db-structure'
-import { DiamondFillIcon, DiamondIcon, KeyRound, LinkIcon } from '@liam-hq/ui'
+import { DiamondFillIcon, DiamondIcon, KeyRound, Link } from '@liam-hq/ui'
 import { Handle, Position } from '@xyflow/react'
 import clsx from 'clsx'
 import type { FC } from 'react'
@@ -39,12 +39,13 @@ export const TableColumn: FC<TableColumnProps> = ({
         />
       )}
       {!column.primary && (isSource || targetCardinality) ? (
-        <LinkIcon
+        <Link
           width={16}
           height={16}
           className={styles.linkIcon}
           role="img"
           aria-label="Foreign Key"
+          strokeWidth={1.5}
         />
       ) : !column.primary && column.notNull ? (
         <DiamondFillIcon

frontend/packages/ui/src/icons/index.ts

@@ -9,7 +9,6 @@ export * from './DiamondFillIcon'
 export * from './Download'
 export * from './Fingerprint'
 export * from './GotoIcon'
-export * from './LinkIcon'
 export * from './Megaphone'
 export * from './MessagesSquare'
 export * from './Minus'
@@ -26,4 +25,4 @@ export * from './CardinalityZeroOrOneLeftIcon'
 export * from './Eye'
 export * from './EyeClosed'
 
-export { KeyRound, Hash } from 'lucide-react'
+export { KeyRound, Hash, Link } from 'lucide-react'