nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add previewMode

Browse source
This commit is contained in:
Lim Chee Aun 2023-03-16 13:02:46 +08:00
parent e0688afdfc
commit bc4dfaf62f
3 changed files with 24 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/compose.jsx
View file

@ -633,7 +633,7 @@ function Compose({
</div>
{!!replyToStatus && (
<div class="status-preview">
<Status status={replyToStatus} size="s" />
<Status status={replyToStatus} size="s" previewMode />
<div class="status-preview-legend reply-to">
Replying to @
{replyToStatus.account.acct || replyToStatus.account.username}
@ -643,7 +643,7 @@ function Compose({
)}
{!!editStatus && (
<div class="status-preview">
<Status status={editStatus} size="s" />
<Status status={editStatus} size="s" previewMode />
<div class="status-preview-legend">Editing source status</div>
</div>
)}

7
src/components/status.jsx
View file

@ -70,6 +70,7 @@ function Status({
readOnly,
contentTextWeight,
enableTranslate,
previewMode,
}) {
if (skeleton) {
return (
@ -578,6 +579,7 @@ function Status({
onContextMenu={(e) => {
if (size === 'l') return;
if (e.metaKey) return;
if (previewMode) return;
// console.log('context menu', e);
const link = e.target.closest('a');
if (link && /^https?:\/\//.test(link.getAttribute('href'))) return;
@ -662,7 +664,7 @@ function Status({
)} */}
{/* </span> */}{' '}
{size !== 'l' &&
(url ? (
(url && !previewMode ? (
<Menu
instanceRef={menuInstanceRef}
portal={{
@ -788,7 +790,7 @@ function Status({
lang={language}
ref={contentRef}
data-read-more={readMoreText}
onClick={handleContentLinks({ mentions, instance })}
onClick={handleContentLinks({ mentions, instance, previewMode })}
dangerouslySetInnerHTML={{
__html: enhanceContent(content, {
emojis,
@ -801,6 +803,7 @@ function Status({
a.removeAttribute('target');
}
});
if (previewMode) return;
// Unfurl Mastodon links
dom
.querySelectorAll(

6
src/utils/handle-content-links.js
View file

@ -1,7 +1,7 @@
import states from './states';
function handleContentLinks(opts) {
const { mentions = [], instance } = opts || {};
const { mentions = [], instance, previewMode } = opts || {};
return (e) => {
let { target } = e;
target = target.closest('a');
@ -35,7 +35,8 @@ function handleContentLinks(opts) {
instance,
};
}
} else if (target.classList.contains('hashtag')) {
} else if (!previewMode) {
if (target.classList.contains('hashtag')) {
e.preventDefault();
e.stopPropagation();
const tag = target.innerText.replace(/^#/, '').trim();
@ -50,6 +51,7 @@ function handleContentLinks(opts) {
};
location.hash = `#${states.unfurledLinks[target.href].url}`;
}
}
};
}