Merge pull request #75 from APPS-sookmyung/feature/add-card-of-two

Feat: 명함 2장 등록 및 디테일 수정

Author: misung-dev

src/components/CardInfo/CardInfo.jsx

@@ -6,6 +6,7 @@ import { Link } from 'react-router-dom';
 
 export default function CardInfo({
   name,
+  team,
   job,
   company,
   imageUrl,
@@ -30,7 +31,7 @@ export default function CardInfo({
         <S.Info>
           <S.Name isSelected={isSelected}>{name}</S.Name>
           <S.Job isSelected={isSelected}>
-            {job}, {company}
+            {job} / {team}, {company}
           </S.Job>
         </S.Info>
       </S.CardWrapper>

src/components/SearchBar/SearchBar.jsx

@@ -9,7 +9,7 @@ export default function SearchBar({ theme }) {
   const placeholderText =
     theme === 'white'
       ? '명함을 검색해주세요'
-      : '이름, 직책, 이메일, 휴대폰, 유선전화, 부서, 회사 등을 입력하세요';
+      : '이름, 직책, 이메일, 휴대폰, 유선전화, 부서, 회사명 등을 입력하세요';
 
   return (
     <S.SearchBar theme={theme}>

src/constants/cardData.js

@@ -1,7 +1,9 @@
 const sampleData = [
   {
+    id: 1,
     name: '박유진',
-    job: '프로덕트 디자이너',
+    job: '사원',
+    team: '디자인팀',
     company: '숙명여자대학교',
     phone: '010-0000-1111',
     email: 'yj@wellet.co.kr',
@@ -12,8 +14,10 @@ const sampleData = [
     memo: '내일 미팅',
   },
   {
+    id: 2,
     name: '한은영',
-    job: '프론트엔드 개발자',
+    job: '사원',
+    team: '개발팀',
     company: '숙명여자대학교',
     phone: '010-1111-2222',
     email: 'ey@wellet.co.kr',
@@ -24,8 +28,10 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 3,
     name: '이영희',
-    job: '백엔드 개발자',
+    job: '사원',
+    team: '개발팀',
     company: 'WELLET Corp.',
     phone: '010-2222-3333',
     email: 'yh@wellet.co.kr',
@@ -36,8 +42,10 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 4,
     name: '김현우',
     job: '프론트엔드 개발자',
+    team: '신규서비스팀',
     company: 'WELLET Corp.',
     phone: '010-3333-4444',
     email: 'hw@wellet.co.kr',
@@ -48,8 +56,10 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 5,
     name: '김디공',
-    job: '대표',
+    job: '사원',
+    team: '',
     company: '다공 부동산',
     phone: '010-4444-5555',
     email: 'dg@wellet.co.kr',
@@ -60,8 +70,10 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 6,
     name: '홍길동',
-    job: '대표 | 공인중개사',
+    job: '대표',
+    team: '',
     company: '동네공인중개사',
     phone: '010-5555-6666',
     email: 'gd@wellet.co.kr',
@@ -72,8 +84,10 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 7,
     name: '김인쇄',
-    job: '공인중개사',
+    job: '대표',
+    team: '',
     company: '인쇄픽부동산',
     phone: '010-6666-7777',
     email: 'is@wellet.co.kr',
@@ -84,8 +98,10 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 8,
     name: '박대기',
-    job: '보도본부 사회팀 / 기자',
+    job: '기자',
+    team: '보도본부 사회팀',
     company: 'KBS',
     phone: '010-7777-8888',
     email: 'dk@wellet.co.kr',
@@ -96,9 +112,11 @@ const sampleData = [
     memo: '',
   },
   {
+    id: 9,
     name: '홍길동',
-    job: '팀장 / PD',
-    company: 'KBS VJ 특공대',
+    job: '팀장, PD',
+    team: '시사교양팀, VJ 특공대',
+    company: 'KBS',
     phone: '010-8888-9999',
     email: 'kd@wellet.co.kr',
     tel: '81-2-222-0123',

src/constants/cardsSampleData.js

@@ -21,7 +21,7 @@ export default function EmailLoginPage() {
           <S.Text>우리(WE)들이 사용하는 월렛</S.Text>
         </S.TitleBox>
         <S.InputBox>
-          <S.Input placeholder='아이디 / 이메일 주소'></S.Input>
+          <S.Input placeholder='아이디 / 이메일'></S.Input>
           <S.Input placeholder='비밀번호'></S.Input>
           <S.Options>
             <S.IdSave