From b2d5d6229a5024f87ece93991073f9616e98771c Mon Sep 17 00:00:00 2001
From: PortalCube <35104213+PortalCube@users.noreply.github.com>
Date: Thu, 16 Nov 2023 14:52:56 +0900
Subject: [PATCH] =?UTF-8?q?Chore:=20UserSelectCard=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UserDashBoard/UserSelectCard.jsx          | 44 +++++++------------
 1 file changed, 16 insertions(+), 28 deletions(-)

diff --git a/src/components/UserDashBoard/UserSelectCard.jsx b/src/components/UserDashBoard/UserSelectCard.jsx
index c30cab8..86d3327 100644
--- a/src/components/UserDashBoard/UserSelectCard.jsx
+++ b/src/components/UserDashBoard/UserSelectCard.jsx
@@ -1,15 +1,13 @@
 import { useState } from "react";
 import PropTypes from "prop-types";
 import styled from "styled-components";
-import Icondoctor from "../../assets/icons/icondoctor.png";
-import Iconmajor from "../../assets/icons/iconmajor.png";
-import Iconhospital from "../../assets/icons/iconhospital.png";
 import DoctorImage from "../../assets/images/user/Odoctor.png";
-import TherapistImage from "../../assets/images/user/Otherapist.png";
-import { ReservationCreateModal } from "../Reservation/ReservationCreateModal";
 import { useDispatch } from "react-redux";
 import { show } from "../../redux/modalSlice.js";
 
+import { FaUser } from "react-icons/fa";
+import { MdLocalHospital, MdLocationOn } from "react-icons/md";
+
 const Card = styled.div`
   width: 280px;
   border: 1px solid #e1e1e1;
@@ -18,7 +16,6 @@ const Card = styled.div`
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   text-align: center;
   margin: 20px;
-  font-family: "Spoqa Han Sans Neo", "sans-serif";
   background-color: #ffffff;
 `;
 
@@ -52,14 +49,18 @@ const Avatar = styled.img`
 const UserName = styled.span`
   font-size: 30px;
   font-weight: bold;
-  font-family: "Spoqa Han Sans Neo", "sans-serif";
 `;
 
 const Info = styled.div`
-  font-family: "Spoqa Han Sans Neo", "sans-serif";
   font-size: 12px;
   margin-bottom: 10px;
   text-align: left;
+  & > svg {
+    height: 16px;
+    width: 16px;
+    margin-right: 5px;
+    vertical-align: middle;
+  }
 `;
 
 const Button = styled.button`
@@ -74,17 +75,6 @@ const Button = styled.button`
   font-size: 12px;
 `;
 
-const Icon = styled.img`
-  height: 12px;
-  width: 12px;
-  margin-right: 5px;
-  vertical-align: middle;
-`;
-
-const MidSection = styled.div`
-  background-color: rgba(0, 100, 255, 0.03);
-`;
-
 export const UserSelectCard = ({
   id,
   role,
@@ -109,21 +99,19 @@ export const UserSelectCard = ({
       <Card>
         <Title>담당 {role} 프로필</Title>
         <Separator />
-        <MidSection>
-          <ImageContainer>
-            <Avatar src={image} alt="avatar" />
-          </ImageContainer>
-          <UserName>{name}</UserName>
-        </MidSection>
+        <ImageContainer>
+          <Avatar src={image} alt="avatar" />
+        </ImageContainer>
+        <UserName>{name}</UserName>
         <Separator />
         <Info>
-          <Icon src={Icondoctor} alt="icon" /> {role}
+          <FaUser /> {role}
         </Info>
         <Info>
-          <Icon src={Iconhospital} alt="icon" /> {hospital}
+          <MdLocalHospital /> {hospital}
         </Info>
         <Info>
-          <Icon src={Iconmajor} alt="icon" /> {department}
+          <MdLocationOn /> {department}
         </Info>
         <Separator />
         <Button onClick={handleClick}>진료 예약</Button>