Merge branch 'dev' of https://github.com/oodd-team/oodd-web-react into feat/OD-180

Author: gustn99

src/assets/default/share.svg

@@ -11,9 +11,9 @@ import imageBasic from '@assets/default/defaultProfile.svg';
 import leave from '@assets/default/leave.svg';
 import Profile_s from '@assets/default/my-page.svg';
 
-import ConfirmationModal from '@components/ConfirmationModal/index';
 import { OODDFrame } from '@components/Frame/Frame';
 import Loading from '@components/Loading/index';
+import Modal from '@components/Modal';
 import { StyledText } from '@components/Text/StyledText';
 import TopBar from '@components/TopBar/index';
 
@@ -111,11 +111,11 @@ const AccountSetting: React.FC = () => {
 				</List>
 
 				{isLogoutModalOpen && (
-					<ConfirmationModal
+					<Modal
 						content="이 기기에서 정말 로그아웃 할까요?"
-						isCancelButtonVisible={true}
-						confirm={{ text: '로그아웃', action: handleConfirmLogout }}
-						onCloseModal={handleCloseModal}
+						onClose={handleCloseModal}
+						button={{ content: '확인', onClick: handleConfirmLogout }}
+						isCloseButtonVisible={true}
 					/>
 				)}
 			</ProfileEditContainer>

src/pages/Account/AccountSetting/index.tsx

@@ -19,6 +19,7 @@ import { getCurrentUserId } from '@utils/getCurrentUserId';
 import defaultProfile from '@assets/default/defaultProfile.svg';
 import more from '@assets/default/more.svg';
 import xBtn from '@assets/default/reject.svg';
+import share from '@assets/default/share.svg';
 
 import Heart from '@components/Icons/Heart';
 import Message from '@components/Icons/Message';
@@ -209,6 +210,24 @@ const Feed: React.FC<FeedProps> = ({ feed }) => {
 		},
 	};
 
+	// 친구한테 프로필 공유하기
+	const handleShareButtonClick = (e: React.MouseEvent) => {
+		e.stopPropagation();
+		// 사용자 ID로 프로필 URL 생성
+		const profileUrl = `${window.location.origin}/profile/${feed.user.id}`;
+
+		navigator.clipboard
+			.writeText(profileUrl)
+			.then(() => {
+				setModalContent(`${feed.user.nickname}님의 프로필이 복사되었습니다!`);
+				setIsStatusModalOpen(true); // 복사 성공 후 모달 열기
+			})
+			.catch(() => {
+				setModalContent('프로필 복사에 실패했습니다. 다시 시도해 주세요.');
+				setIsStatusModalOpen(true); // 복사 실패 시 모달 열기
+			});
+	};
+
 	return (
 		<FeedWrapper onClick={handleFeedClick}>
 			<FeedTop>
@@ -251,7 +270,11 @@ const Feed: React.FC<FeedProps> = ({ feed }) => {
 						<div className="button" onClick={handleLikeButtonClick}>
 							<Heart isFilled={isLikeClicked} />
 						</div>
+						<div className="button" onClick={handleShareButtonClick}>
+							<img src={share} alt="공유" />
+						</div>
 					</Reaction>
+
 					<MatchingBtn onClick={handleMatchingButtonClick}>
 						<Message width="16" height="16" color="white" />
 						<StyledText $textTheme={{ style: 'body1-regular' }} color={theme.colors.text.contrast}>