Правильная расстановка иконок
This commit is contained in:
@@ -2,7 +2,7 @@ import { useAttachment } from "@/app/providers/AttachmentProvider/useAttachment"
|
|||||||
import { AttachmentProps } from "./MessageAttachments";
|
import { AttachmentProps } from "./MessageAttachments";
|
||||||
import { Avatar, Box, Flex, Text } from "@mantine/core";
|
import { Avatar, Box, Flex, Text } from "@mantine/core";
|
||||||
import { useRosettaColors } from "@/app/hooks/useRosettaColors";
|
import { useRosettaColors } from "@/app/hooks/useRosettaColors";
|
||||||
import { IconPhoneOutgoing, IconX } from "@tabler/icons-react";
|
import { IconPhoneIncoming, IconPhoneOutgoing, IconX } from "@tabler/icons-react";
|
||||||
import { translateDurationToTime } from "@/app/providers/CallProvider/translateDurationTime";
|
import { translateDurationToTime } from "@/app/providers/CallProvider/translateDurationTime";
|
||||||
import { usePublicKey } from "@/app/providers/AccountProvider/usePublicKey";
|
import { usePublicKey } from "@/app/providers/AccountProvider/usePublicKey";
|
||||||
|
|
||||||
@@ -33,12 +33,10 @@ export function MessageCall(props: AttachmentProps) {
|
|||||||
<Avatar bg={error ? colors.error : colors.brandColor} size={40}>
|
<Avatar bg={error ? colors.error : colors.brandColor} size={40}>
|
||||||
{!error && <>
|
{!error && <>
|
||||||
{!caller && (
|
{!caller && (
|
||||||
<IconPhoneOutgoing color={'white'} size={22}></IconPhoneOutgoing>
|
<IconPhoneIncoming color={'white'} size={22}></IconPhoneIncoming>
|
||||||
)}
|
)}
|
||||||
{caller && (
|
{caller && (
|
||||||
<IconPhoneOutgoing color={'white'} size={22} style={{
|
<IconPhoneOutgoing color={'white'} size={22}></IconPhoneOutgoing>
|
||||||
transform: 'rotate(180deg)'
|
|
||||||
}}></IconPhoneOutgoing>
|
|
||||||
)}
|
)}
|
||||||
</>}
|
</>}
|
||||||
{error && <>
|
{error && <>
|
||||||
|
|||||||
Reference in New Issue
Block a user