From 906f15f103372b38e4a8e2c9443d617c3fa44de9 Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Mon, 30 May 2022 15:54:55 +0100
Subject: [PATCH] fix: use shape="circle" for friend component

---
 src/pages/friends/Friend.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/friends/Friend.tsx b/src/pages/friends/Friend.tsx
index eb06fda1..fed35293 100644
--- a/src/pages/friends/Friend.tsx
+++ b/src/pages/friends/Friend.tsx
@@ -36,7 +36,7 @@ export const Friend = observer(({ user }: Props) => {
         actions.push(
             <>
                 <IconButton
-                    type="circle"
+                    shape="circle"
                     className={classNames(styles.button, styles.success)}
                     onClick={(ev) =>
                         stopPropagation(
@@ -50,7 +50,7 @@ export const Friend = observer(({ user }: Props) => {
                     <PhoneCall size={20} />
                 </IconButton>
                 <IconButton
-                    type="circle"
+                    shape="circle"
                     className={styles.button}
                     onClick={(ev) =>
                         stopPropagation(
@@ -71,7 +71,7 @@ export const Friend = observer(({ user }: Props) => {
     if (user.relationship === "Incoming") {
         actions.push(
             <IconButton
-                type="circle"
+                shape="circle"
                 className={styles.button}
                 onClick={(ev) => stopPropagation(ev, user.addFriend())}>
                 <Plus size={24} />
@@ -92,7 +92,7 @@ export const Friend = observer(({ user }: Props) => {
     ) {
         actions.push(
             <IconButton
-                type="circle"
+                shape="circle"
                 className={classNames(
                     styles.button,
                     styles.remove,
@@ -118,7 +118,7 @@ export const Friend = observer(({ user }: Props) => {
     if (user.relationship === "Blocked") {
         actions.push(
             <IconButton
-                type="circle"
+                shape="circle"
                 className={classNames(styles.button, styles.error)}
                 onClick={(ev) => stopPropagation(ev, user.unblockUser())}>
                 <UserX size={24} />