From 171c69564af6fb433c97d130bfc7f0f50e9f1acf Mon Sep 17 00:00:00 2001 From: hzoou Date: Sun, 22 Dec 2019 18:18:45 +0900 Subject: [PATCH] =?UTF-8?q?chore:=20=ED=97=A4=EB=8D=94=20=ED=94=84?= =?UTF-8?q?=EB=A1=9C=ED=95=84=20=EC=9A=B0=EC=B8=A1=EC=97=90=20=ED=99=94?= =?UTF-8?q?=EC=82=B4=ED=91=9C=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 해당 영역을 클릭하라는 인터렉션을 위해 헤더 프로필 우측에 화살표를 추가했습니다. --- .../components/Common/UserProfile/avatar.jpeg | Bin 2620 -> 0 bytes .../src/components/Common/UserProfile/down.svg | 4 ++++ .../src/components/Common/UserProfile/index.js | 5 ++++- .../src/components/Common/UserProfile/style.js | 17 +++++++++++++++-- 4 files changed, 23 insertions(+), 3 deletions(-) delete mode 100644 cocode/src/components/Common/UserProfile/avatar.jpeg create mode 100644 cocode/src/components/Common/UserProfile/down.svg diff --git a/cocode/src/components/Common/UserProfile/avatar.jpeg b/cocode/src/components/Common/UserProfile/avatar.jpeg deleted file mode 100644 index 3c082f339ee8c7de071a57f0f424ba49cdf5b770..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2620 zcmbW$cQoAT8VB&-m>DxdFpNZtQAP`4jW)U@k|>dh7Hx+p$ttTGWh_>S79>Ooi>T2> z7m_GheI*!Sh#oD7Fr&AbYj^M2bN{^ee$RQIKc46P=X2iop^wuifk*(($OvPE!eKBN z6BGO#3-UY*GcyYh2PYfy5-&>N5-&f$AX-LTP*_@opI<^*Qu+ru1qB6^xQYfAqb?(_ zfB`WvF|jbSaGyWVjS=D(!u-#nw*v?`U;$WwLBaq70t7~Y=$)W^002Qje+Bq=Kn!3A zlo1AJI>*coFo3{d1_&4mg+R`32A|CU2m;C>BzKjO)5s1c?1jXHCFQ|IuGMsK84quv zS1ik57D_|FW>Sw7l|lb&W#Z-r3#TKR7%B0pPzmXZ3H;e|QjQ9tH>m41xXW0WtWW z9WVj{6_R7*xM~Em^Wqf7gu#*5lJaUgm_+1_x47)RhtFL=E6j^h{v`b+`tLyD|Ci_= z&_5pfXMhC^I(slM0?+~$d9F2LjW$erB(yGXhppnMNJ*cBcY%tW`blDUS%W2GGJf^= z4PsjEUYj_ZV4{~}d`laO^WcL?PXIpJkEQI3fkrPJUc*|jr0a4oGBD$?#R2))OX%s- zDS`sPCs81RSVUR5T6TXJ0e{YElG$j8W-M}kTht*KL}GyNyk1Vd$;{zdFxJEtE*sMC zE)t7wA57ESpSPMp3}@bNs$)xy{@(FT!*wVxMi`VRp%Cv;t{K`=GhQswz5+pzN`q5E zJ!xiNZB#AHJ3-R#4->fM7hY~sx}`Fx;&i}1TwuvkU$m41^p(xaauXw?ZHf+QaQS|5 ziI2}>#V@d`xP!)^T%>pf=iMHt+rk4Y-9dJU%|xpdIg^im|GBm{Y4BP<7G*MI?(DF& ze7L|!rDAXGJMcYO!Jjs~z2I4KZy0U#3Uv3rX{8)Ex6moKC96;X7!g9f&HQ3AD-EL} zCw}3}m(W7z9>t#bHJOftDTW1?vOMK|=Es;HZ!pNbIvlb14ew2q~jV zr?oG|KsYz7jF<>aC$IZ@D9X82e;8I9IGIAb(37Gv4=rly44ljm+JHk`F9jFtFuXCq zj#W-nW%Xk-*|cuD$mGhpteykxDlWAOjZ|InSZsNn^wJLX zGrrYtDRwdQr%ASx9ozn_Mpv{p9}BE6u@)`FUY#0By|;8Th5(W)@lHBmS5510NO$`%^n20?V*lhQgb>8nn4iG>!A0u0dKl|u9(g}N zb62Xue6QB(L%*)vi|ga$^aEQX!mRsdb|p1zL}2u*pS=5x23} z144&mo3V<`3eytL+24|)bb9W3Wzo!*l!#d^HYMrzO0M4|hIQ;6@op&giH!MTUu|61 zWARuv;C+#)9?tg3$HaJ5jcefW=S1~80&~n{MEpiF!Ax8v%YU$W-AvY9gq_=MqDl9# zU0gc&3=)?Ul=5IEX7Bt8x4f0BHVVgajVxewC_>Cd1#H1=KQ=o&DE~qK z+qydE{EZQI+v)t%Mx*u~glz7<#`=)``zlrYnw?c^*UrAk>r@r*uGZ$|XGWvO9~Bw2 z6Rn?4`z5v&8CNt1CKfs6yWwmNr3_l$yu)3wdkDv9dYxeR73ayS4Ktv%3ZzX) z*dy$m&$yRWhztdpxk1uNc&z*46;_=5M8A_-6o59QY=_koG@oDE`@@dAd_3ey=V-+HE7#8IDrTl6KJ0d!dbqas8Q~bbN75_PMlWs$zGY>lwiwqWgDB~k}16V@plWhpSQH6jf11KaAVmID+;Ys zy5-XN?;npvPdqu3K$9Wu?w41XlFmvh&w| zeauvzC>=Ok$4RjSCCZefUC$8j$|fwP!5NlaFdM02{1{o^|?IfDn87HWZ362z<%-N zl2*#`oGNK&#T1}TeL{PNj$TnK@!~X%MLO^ciJ`Kr;Y|T^sRrm)$Kc_Hwdc&NbOogL zQYCfq*_-VO8bK6{lJ zMvZqZMB`PIcj(bt=nldVwQhZSq + + \ No newline at end of file diff --git a/cocode/src/components/Common/UserProfile/index.js b/cocode/src/components/Common/UserProfile/index.js index 43b0ac47..47ca89e5 100644 --- a/cocode/src/components/Common/UserProfile/index.js +++ b/cocode/src/components/Common/UserProfile/index.js @@ -1,13 +1,16 @@ import React from 'react'; import * as Styled from './style'; + import DropDownMenu from 'components/Common/DropDownMenu'; +import down from './down.svg'; function UserProfile({ username, avatar, menuItems }) { return ( {username} + - + ); diff --git a/cocode/src/components/Common/UserProfile/style.js b/cocode/src/components/Common/UserProfile/style.js index df4d63ad..e727023b 100644 --- a/cocode/src/components/Common/UserProfile/style.js +++ b/cocode/src/components/Common/UserProfile/style.js @@ -20,8 +20,21 @@ const UserAvatar = styled.img` width: 3rem; height: 3rem; border-radius: 0.5rem; - cursor: pointer; } `; -export { UserProfile, UserName, UserAvatar }; \ No newline at end of file +const DownArrow = styled.img` + & { + width: 1rem; + height: 1rem; + margin: auto 0 auto 1rem; + cursor: pointer; + filter: invert(0.3); + } + + &:hover { + filter: invert(0); + } +`; + +export { UserProfile, UserName, UserAvatar, DownArrow }; \ No newline at end of file