fix: use shape="circle" for friend component

This commit is contained in:
Paul Makles 2022-05-30 15:54:55 +01:00
parent ea106a3902
commit 906f15f103

View file

@ -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} />