From e780d5e8e2dca5d78274979196e5523c66def7cb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= Date: Fri, 2 Jan 2026 14:36:49 +0100 Subject: [PATCH] pl-fe: just a shitpost MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: nicole mikołajczyk --- packages/pl-fe/src/components/ui/modal.tsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) 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); }, []);