diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx index 867319737..f3f0a09db 100644 --- a/packages/pl-fe/src/components/ui/modal.tsx +++ b/packages/pl-fe/src/components/ui/modal.tsx @@ -2,6 +2,8 @@ import clsx from 'clsx'; import React from 'react'; import { FormattedMessage, defineMessages, useIntl } from 'react-intl'; +import { useOwnAccount } from 'pl-fe/hooks/use-own-account'; + import Button from './button'; import { ButtonThemes } from './button/useButtonStyles'; import IconButton from './icon-button'; @@ -12,6 +14,16 @@ const messages = defineMessages({ confirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' }, }); +const useDefaultCloseIcon = (): string => { + const { account } = useOwnAccount(); + + if (account?.ap_id === 'https://donotsta.re/users/pmysl' || account?.ap_id === 'https://to.juz.sie.federu.je/users/pmysl') { + return require('@phosphor-icons/core/regular/twitter-logo.svg'); + } + + return require('@phosphor-icons/core/regular/x.svg'); +}; + interface IModal { /** Callback when the modal is cancelled. */ cancelAction?: () => void; @@ -50,7 +62,7 @@ const Modal = React.forwardRef(({ cancelAction, cancelText, children, - closeIcon = require('@phosphor-icons/core/regular/x.svg'), + closeIcon, closePosition = 'right', confirmationAction, confirmationDisabled, @@ -69,6 +81,10 @@ const Modal = React.forwardRef(({ const buttonRef = React.useRef(null); const [firstRender, setFirstRender] = React.useState(true); + const defaultCloseIcon = useDefaultCloseIcon(); + + closeIcon = closeIcon || defaultCloseIcon; + React.useEffect(() => { setFirstRender(false); }, []);