diff --git a/public/asset/icon/Email.svg b/public/asset/icon/Email.svg deleted file mode 100644 index 9277d69c..00000000 --- a/public/asset/icon/Email.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/public/asset/icon/Github.svg b/public/asset/icon/Github.svg deleted file mode 100644 index af2b777a..00000000 --- a/public/asset/icon/Github.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/public/asset/icon/Instagram.svg b/public/asset/icon/Instagram.svg deleted file mode 100644 index decd12a0..00000000 --- a/public/asset/icon/Instagram.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/src/app/(main)/_components/footer/LinkIcon.tsx b/src/app/(main)/_components/footer/LinkIcon.tsx index 3caf6528..bc53bbaf 100644 --- a/src/app/(main)/_components/footer/LinkIcon.tsx +++ b/src/app/(main)/_components/footer/LinkIcon.tsx @@ -1,10 +1,17 @@ -import Image from 'next/image' +import { ComponentType } from 'react' + +import { + EnvelopeClosedIcon, + GitHubLogoIcon, + InstagramLogoIcon, +} from '@radix-ui/react-icons' +import { IconProps } from '@radix-ui/react-icons/dist/types' import Link from 'next/link' type LinkIconData = { id: number href: string - src: string + icon: ComponentType alt: string } @@ -13,13 +20,7 @@ export const LinkIcon = () => {
{linkIconData.map((linkIcon) => ( - {linkIcon.alt} + ))}
@@ -30,19 +31,19 @@ const linkIconData: LinkIconData[] = [ { id: 0, href: 'mailto:knu.haedal@gmail.com', - src: '/asset/icon/Email.svg', + icon: EnvelopeClosedIcon, alt: 'HAEDAL Email Link', }, { id: 1, href: 'https://github.com/KNU-HAEDAL', - src: '/asset/icon/Github.svg', + icon: GitHubLogoIcon, alt: 'HAEDAL Github Link', }, { id: 2, href: 'https://www.instagram.com/knu.haedal/', - src: '/asset/icon/Instagram.svg', + icon: InstagramLogoIcon, alt: 'HAEDAL Instagram Link', }, ]