mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-08 01:45:28 +00:00
fix: use shape="circle" for friend component
This commit is contained in:
@@ -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} />
|
||||||
|
|||||||
Reference in New Issue
Block a user