@@ -11,11 +11,11 @@ const FollowerCard = ({ follower }) => {
11
11
const navigate = useNavigate ( ) ;
12
12
const dispatch = useDispatch ( ) ;
13
13
const [ isFollowed , setIsFollowed ] = useState (
14
- follower . followStatus === "ACTIVE" || "INIT "
14
+ follower . followStatus === "INACTIVE "
15
15
) ;
16
16
17
17
const [ btnColor , setBtnColor ] = useState (
18
- follower . followStatus === "ACTIVE" || "INIT" ? "#A31414 " : "#002C51 "
18
+ follower . followStatus === "INACTIVE" ? "#002C51 " : "#A31414 "
19
19
) ;
20
20
21
21
const handleClick = ( e ) => {
@@ -24,8 +24,8 @@ const FollowerCard = ({ follower }) => {
24
24
} ;
25
25
26
26
useLayoutEffect ( ( ) => {
27
- if ( isFollowed ) setBtnColor ( "#A31414 " ) ;
28
- else setBtnColor ( "#002C51 " ) ;
27
+ if ( isFollowed ) setBtnColor ( "#002C51 " ) ;
28
+ else setBtnColor ( "#A31414 " ) ;
29
29
} , [ follower ] ) ;
30
30
31
31
return (
@@ -48,13 +48,13 @@ const FollowerCard = ({ follower }) => {
48
48
< div className = "flex w-[119px] items-center" > { follower . username } </ div >
49
49
</ div >
50
50
{ isFollowed ? (
51
- < div className = "flex items-center w-[62px] h-[39px] justify-center text-sm rounded-[4px] text-white bg-[#A31414]" >
52
- < span onClick = { handleClick } > 삭제</ span >
53
- </ div >
54
- ) : (
55
51
< div className = "flex items-center w-[62px] h-[39px] justify-center text-sm rounded-[4px] text-white bg-[#002C51]" >
56
52
< span onClick = { handleClick } > 팔로우</ span >
57
53
</ div >
54
+ ) : (
55
+ < div className = "flex items-center w-[62px] h-[39px] justify-center text-sm rounded-[4px] text-white bg-[#A31414]" >
56
+ < span onClick = { handleClick } > 삭제</ span >
57
+ </ div >
58
58
) }
59
59
</ div >
60
60
) ;
0 commit comments