ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-19 11:21:41 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

method rearrange

Browse Source
This commit is contained in:
noumantahir 2022-04-29 05:26:45 +05:00
parent 53a2511ac0
commit 15d8ac59dd
1 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/postHtmlRenderer/postHtmlRenderer.tsx
View File

@ -121,6 +121,27 @@ export const PostHtmlRenderer = memo(
} catch (error) { }
};
//this method checks if image is a child of table column
//and calculates img width accordingly,
//returns full width if img is not part of table
const getMaxImageWidth = (tnode: TNode) => {
//return full width if not parent exist
if (!tnode.parent || tnode.parent.tagName === 'body') {
return contentWidth;
}
//return divided width based on number td tags
if (tnode.parent.tagName === 'td' || tnode.parent.tagName === 'th') {
const cols = tnode.parent.parent.children.length;
return contentWidth / cols;
}
//check next parent
return getMaxImageWidth(tnode.parent);
};
const _onElement = (element: Element) => {
if (element.tagName === 'img' && element.attribs.src) {
const imgUrl = element.attribs.src;
@ -129,6 +150,9 @@ export const PostHtmlRenderer = memo(
}
};
const _anchorRenderer = ({ InternalRenderer, tnode, ...props }: CustomRendererProps<TNode>) => {
const parsedTnode = parseLinkData(tnode);
const _onPress = () => {
@ -178,24 +202,8 @@ export const PostHtmlRenderer = memo(
};
//this method checks if image is a child of table column
//and calculates img width accordingly,
//returns full width if img is not part of table
const getMaxImageWidth = (tnode: TNode) => {
//return full width if not parent exist
if (!tnode.parent || tnode.parent.tagName === 'body') {
return contentWidth;
}
//return divided width based on number td tags
if (tnode.parent.tagName === 'td' || tnode.parent.tagName === 'th') {
const cols = tnode.parent.parent.children.length;
return contentWidth / cols;
}
//check next parent
return getMaxImageWidth(tnode.parent);
};
const _imageRenderer = ({ tnode }: CustomRendererProps<TNode>) => {
const imgUrl = tnode.attributes.src;