#399

frontend/src/components/PostOriginalCreatedTimeField.tsx

@@ -24,10 +24,10 @@ const PostOriginalCreatedTimeField: FC<Props> = (
       <FormField label="オリジナルの作成日時" messages={errors}>
 	  {({ describedBy, invalid }) => (
 	      <>
-		<div className="my-1 flex flex-col gap-2 sm:flex-row sm:items-start">
-		  <div className="min-w-0 flex-1">
+		<div className="my-1 flex">
+		  <div className="w-80">
 		    <DateTimeField
-			className="w-full"
+			className="mr-2"
 			disabled={disabled ?? false}
 			aria-describedby={describedBy}
 			aria-invalid={invalid}
@@ -61,10 +61,10 @@ const PostOriginalCreatedTimeField: FC<Props> = (
 		  </div>
 		</div>
 
-		<div className="my-1 flex flex-col gap-2 sm:flex-row sm:items-start">
-		  <div className="min-w-0 flex-1">
+		<div className="my-1 flex">
+		  <div className="w-80">
 		    <DateTimeField
-			className="w-full"
+			className="mr-2"
 			disabled={disabled}
 			aria-describedby={describedBy}
 			aria-invalid={invalid}

frontend/src/components/posts/PostThumbnailPreview.tsx

@@ -7,11 +7,15 @@ import type { FC } from 'react'
 type Props = {
   url:        string
   alt?:       string
-  className?: string }
+  className?: string
+  referrerPolicy?: 'no-referrer' }
 
 
 const PostThumbnailPreview: FC<Props> = (
-    { url, alt = 'サムネール', className = 'h-16 w-16' },
+    { url,
+      alt = 'サムネール',
+      className = 'h-16 w-16',
+      referrerPolicy },
 ) => {
   const [failed, setFailed] = useState (false)
 
@@ -32,6 +36,7 @@ const PostThumbnailPreview: FC<Props> = (
       <img
           src={url}
           alt={alt}
+          referrerPolicy={referrerPolicy}
           className={cn (className, 'rounded border border-border object-cover')}
           onError={() => setFailed (true)}/>)
 }

frontend/src/components/posts/import/PostImportThumbnailPreview.tsx

@@ -1,7 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
-
 import PostThumbnailPreview from '@/components/posts/PostThumbnailPreview'
-import { apiGet } from '@/lib/api'
 
 import type { FC } from 'react'
 
@@ -15,61 +12,11 @@ const PostImportThumbnailPreview: FC<Props> = (
     { url,
       alt = 'サムネール',
       className = 'h-16 w-16' },
-) => {
-  const [previewUrl, setPreviewUrl] = useState ('')
-  const previewUrlRef = useRef ('')
-
-  useEffect (() => {
-    if (previewUrlRef.current)
-      {
-        URL.revokeObjectURL (previewUrlRef.current)
-        previewUrlRef.current = ''
-      }
-    setPreviewUrl ('')
-
-    if (!(url))
-      return
-
-    const controller = new AbortController ()
-
-    const loadPreview = async () => {
-      try
-      {
-        const blob = await apiGet<Blob> ('/preview/image', {
-            params: { url },
-            signal: controller.signal,
-            responseType: 'blob' })
-        if (controller.signal.aborted)
-          return
-
-        const nextPreviewUrl = URL.createObjectURL (blob)
-        previewUrlRef.current = nextPreviewUrl
-        setPreviewUrl (nextPreviewUrl)
-      }
-      catch
-      {
-        if (!(controller.signal.aborted))
-          setPreviewUrl ('')
-      }
-    }
-
-    void loadPreview ()
-
-    return () => {
-      controller.abort ()
-      if (previewUrlRef.current)
-        {
-          URL.revokeObjectURL (previewUrlRef.current)
-          previewUrlRef.current = ''
-        }
-    }
-  }, [url])
-
-  return (
-      <PostThumbnailPreview
-          url={previewUrl}
-          alt={alt}
-          className={className}/>)
-}
+) => (
+    <PostThumbnailPreview
+        url={url}
+        alt={alt}
+        className={className}
+        referrerPolicy="no-referrer"/>)
 
 export default PostImportThumbnailPreview