External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(reply-modal): remove link type previewer that displaces UI

Browse Source
This commit is contained in:
plebeius
2026-02-17 17:21:13 +08:00
parent 69231f7bdc
commit 2733ab260b
1 changed files with 1 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/reply-modal/reply-modal.tsx
+1 -18
View File
@@ -13,7 +13,6 @@ import usePublishReply from '../../hooks/use-publish-reply';
import useIsMobile from '../../hooks/use-is-mobile'; import useIsMobile from '../../hooks/use-is-mobile';
import { useFileUpload } from '../../hooks/use-file-upload'; import { useFileUpload } from '../../hooks/use-file-upload';
import styles from './reply-modal.module.css'; import styles from './reply-modal.module.css';
import { LinkTypePreviewer } from '../post-form';
import { capitalize, debounce } from 'lodash'; import { capitalize, debounce } from 'lodash';
import { useSpring, animated } from '@react-spring/web'; import { useSpring, animated } from '@react-spring/web';
import { useDrag } from '@use-gesture/react'; import { useDrag } from '@use-gesture/react';
@@ -38,7 +37,6 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, parentNumber, threa
}); });
const account = useAccount(); const account = useAccount();
const { displayName } = account?.author || {}; const { displayName } = account?.author || {};
const [url, setUrl] = useState('');
const textRef = useRef<HTMLTextAreaElement | null>(null); const textRef = useRef<HTMLTextAreaElement | null>(null);
const urlRef = useRef<HTMLInputElement>(null); const urlRef = useRef<HTMLInputElement>(null);
const lastSelectionStartRef = useRef(0); const lastSelectionStartRef = useRef(0);
@@ -263,7 +261,6 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, parentNumber, threa
const { isUploading, uploadedFileName, handleUpload } = useFileUpload({ const { isUploading, uploadedFileName, handleUpload } = useFileUpload({
onUploadComplete: (uploadedUrl: string) => { onUploadComplete: (uploadedUrl: string) => {
if (uploadedUrl) { if (uploadedUrl) {
setUrl(uploadedUrl);
if (urlRef.current) { if (urlRef.current) {
urlRef.current.value = uploadedUrl; urlRef.current.value = uploadedUrl;
} }
@@ -314,16 +311,7 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, parentNumber, threa
/> />
</div> </div>
<div className={styles.link}> <div className={styles.link}>
<input <input type='text' ref={urlRef} placeholder={capitalize(t('link'))} disabled={isUploading} onChange={(e) => setPublishReplyOptions({ link: e.target.value })} />
type='text'
ref={urlRef}
placeholder={capitalize(t('link'))}
disabled={isUploading}
onChange={(e) => {
setUrl(e.target.value);
setPublishReplyOptions({ link: e.target.value });
}}
/>
</div> </div>
<div className={styles.content}> <div className={styles.content}>
<textarea <textarea
@@ -345,11 +333,6 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, parentNumber, threa
/> />
</div> </div>
<div className={styles.footer}> <div className={styles.footer}>
{url && (
<>
{t('link_type')}: <LinkTypePreviewer link={url} />
</>
)}
<span className={styles.uploadContainer}> <span className={styles.uploadContainer}>
<span className={styles.uploadButton}> <span className={styles.uploadButton}>
<button onClick={handleUpload} disabled={isUploading}> <button onClick={handleUpload} disabled={isUploading}>