안녕하세요. 우리는 WINK 입니다.
-
+
@@ -69,33 +70,37 @@ const AboutUsWePage = () => {
diff --git a/src/app/activity/history/page.tsx b/src/app/activity/history/page.tsx
index e09745a..bd62629 100644
--- a/src/app/activity/history/page.tsx
+++ b/src/app/activity/history/page.tsx
@@ -1,7 +1,10 @@
'use client';
import { useState } from 'react';
-import { FaAngleDown, FaAngleUp, FaCircle } from 'react-icons/fa';
+import { FaCircle } from 'react-icons/fa';
+
+import ArrowDown from '@/public/assets/arrow-down.svg';
+import ArrowUp from '@/public/assets/arrow-up.svg';
import Image, { StaticImageData } from 'next/image';
@@ -86,9 +89,9 @@ const ActivityHistoryPage = () => {
{openItems.includes(`${yearData.year}-${index}`) ? (
-
+
) : (
-
+
)}
diff --git a/src/component/Dropdown.tsx b/src/component/Dropdown.tsx
index ec9161c..cba133d 100644
--- a/src/component/Dropdown.tsx
+++ b/src/component/Dropdown.tsx
@@ -1,5 +1,6 @@
import React, { useState } from 'react';
-import { FaAngleDown } from 'react-icons/fa';
+// import { FaAngleDown } from 'react-icons/fa';
+import DropDown from '@/public/assets/arrow-down.svg';
import { AnimatePresence, motion } from 'framer-motion';
@@ -23,7 +24,7 @@ export const Dropdown: React.FC
= ({
className="flex items-center justify-between w-full text-sm bg-white"
>
{value}
-
+
{isOpen && (
diff --git a/src/component/Header.tsx b/src/component/Header.tsx
index 4a555fe..8e0e911 100644
--- a/src/component/Header.tsx
+++ b/src/component/Header.tsx
@@ -2,8 +2,8 @@
import React, { useState } from 'react';
import { CiLogout } from 'react-icons/ci';
-import { FaAngleDown } from 'react-icons/fa';
+import Dropdown from '@/public/assets/arrow-down.svg';
import Image from 'next/image';
import Link from 'next/link';
import { usePathname, useRouter } from 'next/navigation';
@@ -81,7 +81,7 @@ export const Header: React.FC = () => {
return (