#157

frontend/src/components/PostEmbed.tsx

@@ -42,22 +42,26 @@ export default (({ post }: Props) => {
 
   const [framed, setFramed] = useState (false)
 
-  return <>{
+  return (
-      framed
+      <>
-      ? (
+	{framed
-	  <iframe
+	 ? (
-	      src={post.url}
+	    <iframe
-	      title={post.title || post.url}
+		src={post.url}
-	      width={640}
+		title={post.title || post.url}
-	      height={360}/>)
+		width={640}
-      : (
+		height={360}/>)
-	  <a href="#" onClick={e => {
+	 : (
-	    e.preventDefault ()
+	    <div>
-	    setFramed (confirm ('未確認の外部ページを表示します。\n'
+	      <a href="#" onClick={e => {
-				+ '悪意のあるスクリプトが実行される可能性があります。\n'
+		e.preventDefault ()
-				+ '表示しますか?'))
+		setFramed (confirm ('未確認の外部ページを表示します。\n'
-	    return
+				    + '悪意のあるスクリプトが実行される可能性があります。\n'
-	  }}>
+				    + '表示しますか?'))
-	    外部ページを表示
+		return
-	  </a>)}</>
+	      }}>
+		外部ページを表示
+	      </a>
+	    </div>)}
+      </>)
 }) satisfies FC<Props>