diff --git a/src/components/ReplyModal.jsx b/src/components/ReplyModal.jsx index fa421a25..434a5087 100644 --- a/src/components/ReplyModal.jsx +++ b/src/components/ReplyModal.jsx @@ -30,10 +30,21 @@ const ReplyModal = ({ isOpen, closeModal }) => { const [errorMessage, setErrorMessage] = useState(null); const [triggerPublishComment, setTriggerPublishComment] = useState(false); const [selectedText, setSelectedText] = useState(''); + const [isMobile, setIsMobile] = useState(window.innerWidth <= 480); useError(errorMessage, [errorMessage]); + useEffect(() => { + const handleResize = () => setIsMobile(window.innerWidth <= 480); + window.addEventListener('resize', handleResize); + + // Cleanup function + return () => { + window.removeEventListener('resize', handleResize); + }; + }, [setIsMobile]); + const onModalOpen = () => { if (commentRef.current) { @@ -197,7 +208,7 @@ const ReplyModal = ({ isOpen, closeModal }) => { shouldCloseOnOverlayClick={false} selectedStyle={selectedStyle} overlayClassName="hide-modal-overlay"> - +
Reply to c/{selectedShortCid}