diff --git a/web/src/components/MemoContent/AutoLink.tsx b/web/src/components/MemoContent/AutoLink.tsx deleted file mode 100644 index 4c747b82..00000000 --- a/web/src/components/MemoContent/AutoLink.tsx +++ /dev/null @@ -1,17 +0,0 @@ -interface Props { - url: string; -} - -const AutoLink: React.FC = ({ url }: Props) => { - return ( - - {url} - - ); -}; - -export default AutoLink; diff --git a/web/src/components/MemoContent/Link.tsx b/web/src/components/MemoContent/Link.tsx index 904c9820..1acd8726 100644 --- a/web/src/components/MemoContent/Link.tsx +++ b/web/src/components/MemoContent/Link.tsx @@ -1,6 +1,6 @@ interface Props { - text: string; url: string; + text?: string; } const Link: React.FC = ({ text, url }: Props) => { @@ -9,8 +9,9 @@ const Link: React.FC = ({ text, url }: Props) => { className="text-blue-600 dark:text-blue-400 cursor-pointer underline break-all hover:opacity-80 decoration-1" href={url} target="_blank" + rel="noopener noreferrer" > - {text} + {text || url} ); }; diff --git a/web/src/components/MemoContent/Renderer.tsx b/web/src/components/MemoContent/Renderer.tsx index eee2c944..2eb0062f 100644 --- a/web/src/components/MemoContent/Renderer.tsx +++ b/web/src/components/MemoContent/Renderer.tsx @@ -22,7 +22,6 @@ import { TextNode, UnorderedListNode, } from "@/types/proto/api/v2/markdown_service"; -import AutoLink from "./AutoLink"; import Blockquote from "./Blockquote"; import Bold from "./Bold"; import BoldItalic from "./BoldItalic"; @@ -85,7 +84,7 @@ const Renderer: React.FC = ({ node }: Props) => { case NodeType.LINK: return ; case NodeType.AUTO_LINK: - return ; + return ; case NodeType.TAG: return ; case NodeType.STRIKETHROUGH: diff --git a/web/src/pages/UserProfile.tsx b/web/src/pages/UserProfile.tsx index d474cdc5..7a2cd19b 100644 --- a/web/src/pages/UserProfile.tsx +++ b/web/src/pages/UserProfile.tsx @@ -95,7 +95,12 @@ const UserProfile = () => {

{user?.nickname}

- +