#428

frontend/src/components/PostOriginalCreatedTimeField.tsx

@@ -1,6 +1,7 @@
 import DateTimeField, { toMinutePrecisionIsoUtc } from '@/components/common/DateTimeField'
 import FormField from '@/components/common/FormField'
 import { Button } from '@/components/ui/button'
+import { useUITranslation } from '@/lib/useUITranslation'
 
 import type { FC } from 'react'
 
@@ -19,9 +20,11 @@ const PostOriginalCreatedTimeField: FC<Props> = (
       setOriginalCreatedFrom,
       originalCreatedBefore,
       setOriginalCreatedBefore,
-      errors }: Props) => {
+      errors }: Props,
+) => {
+  const { label } = useUITranslation ('shared')
   return (
-      <FormField label="オリジナルの作成日時" messages={errors}>
+      <FormField label={label ('labels.originalCreatedAt')} messages={errors}>
 	  {({ describedBy, invalid }) => (
 	      <>
 		<div className="my-1 flex">
@@ -46,7 +49,7 @@ const PostOriginalCreatedTimeField: FC<Props> = (
 			    d.setMinutes (d.getMinutes () + 1)
 			  setOriginalCreatedBefore (toMinutePrecisionIsoUtc (d.toISOString ()))
 			}}/>
-		    以降
+		    {label ('labels.since')}
 		  </div>
 		  <div>
 		    <Button
@@ -56,7 +59,7 @@ const PostOriginalCreatedTimeField: FC<Props> = (
 			onClick={() => {
 			  setOriginalCreatedFrom (null)
 			}}>
-		      リセット
+		      {label ('actions.reset')}
 		    </Button>
 		  </div>
 		</div>
@@ -71,7 +74,7 @@ const PostOriginalCreatedTimeField: FC<Props> = (
 			invalid={invalid}
 			value={originalCreatedBefore ?? undefined}
 			onChange={setOriginalCreatedBefore}/>
-		    より前
+		    {label ('labels.before')}
 		  </div>
 		  <div>
 		    <Button
@@ -81,7 +84,7 @@ const PostOriginalCreatedTimeField: FC<Props> = (
 			onClick={() => {
 			  setOriginalCreatedBefore (null)
 			}}>
-		      リセット
+		      {label ('actions.reset')}
 		    </Button>
 		  </div>
 		</div>