YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-21 05:40:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix link rel field

Browse Source
This commit is contained in:
Steven 2024-01-04 21:26:56 +08:00
parent ca53630410
commit 9593b0b091
4 changed files with 10 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/MemoContent/AutoLink.tsx
View File

@ -1,17 +0,0 @@
interface Props {
url: string;
}
const AutoLink: React.FC<Props> = ({ url }: Props) => {
return (
<a
className="text-blue-600 dark:text-blue-400 cursor-pointer underline break-all hover:opacity-80 decoration-1"
href={url}
target="_blank"
>
{url}
</a>
);
};
export default AutoLink;

5
web/src/components/MemoContent/Link.tsx
View File

@ -1,6 +1,6 @@
interface Props { interface Props {
text: string;
url: string; url: string;
text?: string;
} }
const Link: React.FC<Props> = ({ text, url }: Props) => { const Link: React.FC<Props> = ({ text, url }: Props) => {
@ -9,8 +9,9 @@ const Link: React.FC<Props> = ({ text, url }: Props) => {
className="text-blue-600 dark:text-blue-400 cursor-pointer underline break-all hover:opacity-80 decoration-1" className="text-blue-600 dark:text-blue-400 cursor-pointer underline break-all hover:opacity-80 decoration-1"
href={url} href={url}
target="_blank" target="_blank"
rel="noopener noreferrer"
> >
{text} {text || url}
</a> </a>
); );
}; };

3
web/src/components/MemoContent/Renderer.tsx
View File

@ -22,7 +22,6 @@ import {
TextNode, TextNode,
UnorderedListNode, UnorderedListNode,
} from "@/types/proto/api/v2/markdown_service"; } from "@/types/proto/api/v2/markdown_service";
import AutoLink from "./AutoLink";
import Blockquote from "./Blockquote"; import Blockquote from "./Blockquote";
import Bold from "./Bold"; import Bold from "./Bold";
import BoldItalic from "./BoldItalic"; import BoldItalic from "./BoldItalic";
@ -85,7 +84,7 @@ const Renderer: React.FC<Props> = ({ node }: Props) => {
case NodeType.LINK: case NodeType.LINK:
return <Link {...(node.linkNode as LinkNode)} />; return <Link {...(node.linkNode as LinkNode)} />;
case NodeType.AUTO_LINK: case NodeType.AUTO_LINK:
return <AutoLink {...(node.autoLinkNode as AutoLinkNode)} />; return <Link {...(node.autoLinkNode as AutoLinkNode)} />;
case NodeType.TAG: case NodeType.TAG:
return <Tag {...(node.tagNode as TagNode)} />; return <Tag {...(node.tagNode as TagNode)} />;
case NodeType.STRIKETHROUGH: case NodeType.STRIKETHROUGH:

7
web/src/pages/UserProfile.tsx
View File

@ -95,7 +95,12 @@ const UserProfile = () => {
<UserAvatar className="!w-20 !h-20 mb-2 drop-shadow" avatarUrl={user?.avatarUrl} /> <UserAvatar className="!w-20 !h-20 mb-2 drop-shadow" avatarUrl={user?.avatarUrl} />
<div className="w-full flex flex-row justify-center items-center"> <div className="w-full flex flex-row justify-center items-center">
<p className="text-3xl text-black leading-none opacity-80 dark:text-gray-200">{user?.nickname}</p> <p className="text-3xl text-black leading-none opacity-80 dark:text-gray-200">{user?.nickname}</p>
<a className="ml-1 cursor-pointer text-gray-500" href={`/u/${user?.id}/rss.xml`} target="_blank"> <a
className="ml-1 cursor-pointer text-gray-500"
href={`/u/${user?.id}/rss.xml`}
target="_blank"
rel="noopener noreferrer"
>
<Icon.Rss className="w-5 h-auto opacity-60 mt-0.5" /> <Icon.Rss className="w-5 h-auto opacity-60 mt-0.5" />
</a> </a>
</div> </div>