(Team-Coverflow#329)feat: 마이페이지 내 본인 정보 태그 추가했습니다.

JayJayleee · May 30, 2024 · 88b8fe2 · 88b8fe2
1 parent 2f4724c
commit 88b8fe2
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/src/asset/sass/pages/myPage/myPage.scss b/src/asset/sass/pages/myPage/myPage.scss
@@ -107,3 +107,17 @@
   scrollbar-width: none;
   background-color: #fffdfb !important;
 }
+
+.my-tag{
+  font-size : 1.5rem;
+  color : #FF8D1D;
+  width:12rem;
+  height:3rem;
+  border-Radius : 20px;
+  padding : 1% 2.5%;
+  border: 1px solid #FF8D1D;
+  margin-top: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/src/components/pages/adminPage/adminMainPage.tsx b/src/components/pages/adminPage/adminMainPage.tsx
@@ -4,7 +4,7 @@ import CompanySelection from '../../ui/adminSelection/companySelection';
 import AdminSideTap from '../../ui/adminSelection/adminSideTap';
 import FeedbackSelection from '../../ui/adminSelection/feedbackSelection';
 import MemberSelection from '../../ui/adminSelection/memberSelection';
-import ContactSelection from '../../ui/adminSelection/contactSelection';
+import ContactSelection from "../../ui/adminSelection/contactSelection";
 import ReportQuestions from '../../ui/adminSelection/reportQuestions';
 import ReportAnswers from '../../ui/adminSelection/reportAnswers';
 import ReportComments from '../../ui/adminSelection/reportComments';

diff --git a/src/components/pages/myPage/myPage.tsx b/src/components/pages/myPage/myPage.tsx
@@ -50,6 +50,7 @@ const StatusTab = styled.div<{ $current: boolean }>`
 function Mypage() {
   const [currentCategory, setCurrentCategory] = useState('comments');
   const [nickname, setNickname] = useState('');
+  const [tag, setTag] = useState('');
   const [socialType, setSocialType] = useState('');
   const [question, setQuestion] = useState([]);
   const [answer, setAnswer] = useState([]);
@@ -75,8 +76,10 @@ function Mypage() {
   const loadUserData = async () => {
     try {
       const data = await fetchAPI('/api/member/me', 'GET');
+      console.log(data)
       setNickname(data.data.nickname);
       mySocialType(data.data.socialType);
+      setTag(data.data.tag)
     } catch (error) {
       showErrorToast('회원 정보 불러오기 실패');
     }
@@ -149,6 +152,7 @@ function Mypage() {
             {nickname}
             <span className="title-intro">님, 안녕하세요</span>
             <p className="my-social-type"> {socialType} 로그인 사용중</p>
+            <div className='my-tag'>{tag}</div> 
           </div>
 
           <div className="mypage-select-menu">