fix: use shape="circle" for friend component
parent
152784532b
commit
99846ed276
|
|
@ -36,7 +36,7 @@ export const Friend = observer(({ user }: Props) => {
|
||||||
actions.push(
|
actions.push(
|
||||||
<>
|
<>
|
||||||
<IconButton
|
<IconButton
|
||||||
type="circle"
|
shape="circle"
|
||||||
className={classNames(styles.button, styles.success)}
|
className={classNames(styles.button, styles.success)}
|
||||||
onClick={(ev) =>
|
onClick={(ev) =>
|
||||||
stopPropagation(
|
stopPropagation(
|
||||||
|
|
@ -50,7 +50,7 @@ export const Friend = observer(({ user }: Props) => {
|
||||||
<PhoneCall size={20} />
|
<PhoneCall size={20} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
<IconButton
|
<IconButton
|
||||||
type="circle"
|
shape="circle"
|
||||||
className={styles.button}
|
className={styles.button}
|
||||||
onClick={(ev) =>
|
onClick={(ev) =>
|
||||||
stopPropagation(
|
stopPropagation(
|
||||||
|
|
@ -71,7 +71,7 @@ export const Friend = observer(({ user }: Props) => {
|
||||||
if (user.relationship === "Incoming") {
|
if (user.relationship === "Incoming") {
|
||||||
actions.push(
|
actions.push(
|
||||||
<IconButton
|
<IconButton
|
||||||
type="circle"
|
shape="circle"
|
||||||
className={styles.button}
|
className={styles.button}
|
||||||
onClick={(ev) => stopPropagation(ev, user.addFriend())}>
|
onClick={(ev) => stopPropagation(ev, user.addFriend())}>
|
||||||
<Plus size={24} />
|
<Plus size={24} />
|
||||||
|
|
@ -92,7 +92,7 @@ export const Friend = observer(({ user }: Props) => {
|
||||||
) {
|
) {
|
||||||
actions.push(
|
actions.push(
|
||||||
<IconButton
|
<IconButton
|
||||||
type="circle"
|
shape="circle"
|
||||||
className={classNames(
|
className={classNames(
|
||||||
styles.button,
|
styles.button,
|
||||||
styles.remove,
|
styles.remove,
|
||||||
|
|
@ -118,7 +118,7 @@ export const Friend = observer(({ user }: Props) => {
|
||||||
if (user.relationship === "Blocked") {
|
if (user.relationship === "Blocked") {
|
||||||
actions.push(
|
actions.push(
|
||||||
<IconButton
|
<IconButton
|
||||||
type="circle"
|
shape="circle"
|
||||||
className={classNames(styles.button, styles.error)}
|
className={classNames(styles.button, styles.error)}
|
||||||
onClick={(ev) => stopPropagation(ev, user.unblockUser())}>
|
onClick={(ev) => stopPropagation(ev, user.unblockUser())}>
|
||||||
<UserX size={24} />
|
<UserX size={24} />
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue