highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-03-17 21:31:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

dont clip post contents

Browse Source
This commit is contained in:
hzrd149 2023-02-07 17:04:18 -06:00
parent b960f8c600
commit 737adca4f1
1 changed files with 10 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/post/post-contents.tsx
View File

@ -1,11 +1,5 @@
import React from "react";
import {
AspectRatio,
Image,
ImageProps,
Link,
LinkProps,
} from "@chakra-ui/react";
import { Image, ImageProps, Link, LinkProps } from "@chakra-ui/react";
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
import remarkImages from "remark-images";
@ -27,9 +21,7 @@ const twitterLink =
const CustomLink = (props: LinkProps) => <Link color="blue.500" {...props} />;
const CustomImage = (props: ImageProps) => (
<AspectRatio ratio={16 / 10} maxWidth="30rem">
<Image {...props} />
</AspectRatio>
<Image {...props} maxWidth="30rem" />
);
const HandleLinkTypes = (props: LinkProps) => {
@ -47,15 +39,14 @@ const HandleLinkTypes = (props: LinkProps) => {
const parts = youtubeVideoLink.exec(href);
return parts ? (
<AspectRatio ratio={16 / 10} maxWidth="30rem">
<iframe
src={`https://www.youtube.com/embed/${parts[6]}`}
title="YouTube video player"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
</AspectRatio>
<iframe
src={`https://www.youtube.com/embed/${parts[6]}`}
title="YouTube video player"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
width="30rem"
></iframe>
) : (
<CustomLink {...props} />
);