diff --git "a/public/image/F\354\235\230_\353\214\200\355\231\224.svg" "b/public/image/F\354\235\230_\353\214\200\355\231\224.svg"
new file mode 100644
index 0000000..ef96965
--- /dev/null
+++ "b/public/image/F\354\235\230_\353\214\200\355\231\224.svg"
@@ -0,0 +1,52 @@
+
diff --git "a/public/image/N\354\235\230_\353\214\200\355\231\224.svg" "b/public/image/N\354\235\230_\353\214\200\355\231\224.svg"
new file mode 100644
index 0000000..2eb4998
--- /dev/null
+++ "b/public/image/N\354\235\230_\353\214\200\355\231\224.svg"
@@ -0,0 +1,26 @@
+
diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
index 36895d9..579a0eb 100644
--- a/src/components/Profile.tsx
+++ b/src/components/Profile.tsx
@@ -12,6 +12,7 @@ interface ProfileProps {
topicData?: {
chatTitle: string;
description: string;
+ image: string;
};
}
const Profile = ({
@@ -64,8 +65,7 @@ const Profile = ({
if (mode === "friend" && info) {
return `/public/image/${info.mbti}_profile.png`;
} else if (mode === "topic" && topicData) {
- //FIXME: 디자인 정해지면 수정
- return "/icon/starbubble.svg";
+ return topicData.image;
}
return "";
};
diff --git a/src/components/TopicProfileContainer.tsx b/src/components/TopicProfileContainer.tsx
index 4085b79..c76d331 100644
--- a/src/components/TopicProfileContainer.tsx
+++ b/src/components/TopicProfileContainer.tsx
@@ -3,16 +3,19 @@ import Profile from "@/components/Profile";
type TopicData = {
chatTitle: string;
description: string;
+ image: string;
};
const topicData: TopicData[] = [
{
- chatTitle: "T의 대화",
- description: "mbti t인사람들 모임"
+ chatTitle: "N의 대화",
+ description: "망상력 N% 대화방",
+ image: "/image/N의_대화.svg"
},
{
chatTitle: "F의 대화",
- description: "mbti f인사람들 모임"
+ description: "F 감성 대화방",
+ image: "/image/F의_대화.svg"
}
];