feat: update translation

src/components/ColumnItem.tsx

@@ -4,8 +4,8 @@ type ColumnItemProps = {
   children: JSX.Element;
 };
 
-const ColumnItem: Component<ColumnItemProps> = (props) => {
+const ColumnItem: Component<ColumnItemProps> = (props) => (
-  return <div class="block shrink-0 overflow-hidden border-b p-1">{props.children}</div>;
+  <div class="block shrink-0 overflow-hidden border-b p-1">{props.children}</div>
-};
+);
 
 export default ColumnItem;

src/components/EventLink.tsx

@@ -27,8 +27,7 @@ const tryEncodeNevent = (eventId: string) => {
   }
 };
 
-const EventLink: Component<EventLinkProps> = (props) => {
+const EventLink: Component<EventLinkProps> = (props) => (
-  return (
   <button class="text-blue-500 underline">
     <Show
       when={props.kind == null || props.kind === Kind.Text}
@@ -37,7 +36,6 @@ const EventLink: Component<EventLinkProps> = (props) => {
       {tryEncodeNote(props.eventId)}
     </Show>
   </button>
-  );
+);
-};
 
 export default EventLink;

src/components/NotePostForm.tsx

@@ -260,8 +260,7 @@ const NotePostForm: Component<NotePostFormProps> = (props) => {
     }
   };
 
-  const ensureUploaderAgreement = (): boolean => {
+  const ensureUploaderAgreement = (): boolean => true;
-    return true;
   /*
     if (didAgreeToToS('nostrBuild')) return true;
 
@@ -277,8 +276,6 @@ const NotePostForm: Component<NotePostFormProps> = (props) => {
 
     return didAgree;
      */
-  };
-
   const handleChangeFile: JSX.EventHandler<HTMLInputElement, Event> = (ev) => {
     ev.preventDefault();
     if (uploadFilesMutation.isLoading) return;

src/components/Post.tsx

@@ -2,6 +2,7 @@ import { Component, JSX, Show, createSignal } from 'solid-js';
 
 import useDetectOverflow from '@/hooks/useDetectOverflow';
 import useFormatDate from '@/hooks/useFormatDate';
+import { useTranslation } from '@/i18n/useTranslation';
 import useProfile from '@/nostr/useProfile';
 import npubEncodeFallback from '@/utils/npubEncodeFallback';
 
@@ -16,6 +17,7 @@ export type PostProps = {
 };
 
 const Post: Component<PostProps> = (props) => {
+  const i18n = useTranslation();
   const { overflow, elementRef } = useDetectOverflow();
   const formatDate = useFormatDate();
 
@@ -98,8 +100,8 @@ const Post: Component<PostProps> = (props) => {
                 setShowOverflow((current) => !current);
               }}
             >
-              <Show when={!showOverflow()} fallback="隠す">
+              <Show when={!showOverflow()} fallback={i18n()('post.hideOverflow')}>
-                続きを読む
+                {i18n()('post.showOverflow')}
               </Show>
             </button>
           </Show>

src/components/column/Column.tsx

@@ -5,6 +5,7 @@ import ArrowLeft from 'heroicons/24/outline/arrow-left.svg';
 import TimelineContentDisplay from '@/components/timeline/TimelineContentDisplay';
 import { TimelineContext, useTimelineState } from '@/components/timeline/TimelineContext';
 import { useHandleCommand } from '@/hooks/useCommandBus';
+import { useTranslation } from '@/i18n/useTranslation';
 
 export type ColumnProps = {
   columnIndex: number;
@@ -18,6 +19,7 @@ const Column: Component<ColumnProps> = (props) => {
   let columnDivRef: HTMLDivElement | undefined;
 
   const timelineState = useTimelineState();
+  const i18n = useTranslation();
 
   const width = () => props.width ?? 'medium';
 
@@ -71,7 +73,7 @@ const Column: Component<ColumnProps> = (props) => {
                   <div class="inline-block h-4 w-4">
                     <ArrowLeft />
                   </div>
-                  <div>ホームに戻る</div>
+                  <div>{i18n()('column.back')}</div>
                 </button>
               </div>
               <ul class="flex h-full flex-col overflow-y-scroll scroll-smooth pb-8">

src/components/event/LongFormContent.tsx

@@ -9,10 +9,9 @@ export type LongFormContentProps = {
   event: NostrEvent;
 };
 
-const LongFormContent: Component<LongFormContentProps> = (props) => {
+const LongFormContent: Component<LongFormContentProps> = (props) => (
   // const event = () => genericEvent(props.event);
 
-  return (
   <button class="flex flex-col gap-1 px-1">
     <div class="flex items-center gap-1">
       <span class="inline-block h-4 w-4 text-purple-400">
@@ -21,7 +20,5 @@ const LongFormContent: Component<LongFormContentProps> = (props) => {
       <span>TODO</span>
     </div>
   </button>
-  );
+);
-};
-
 export default LongFormContent;

src/components/event/ZapReceipt.tsx

@@ -29,9 +29,7 @@ const ZapReceipt: Component<ZapReceiptProps> = (props) => {
     }
   };
 
-  const amount = () => {
+  const amount = () => event().findFirstTagByName('amount');
-    return event().findFirstTagByName('amount');
-  };
 
   return (
     <Show when={!shouldMuteEvent(props.event)}>

src/components/event/textNote/ContentWarningDisplay.tsx

@@ -1,5 +1,6 @@
 import { createSignal, type Component, type JSX, Show } from 'solid-js';
 
+import { useTranslation } from '@/i18n/useTranslation';
 import { ContentWarning } from '@/nostr/event/TextNote';
 
 export type ContentWarningDisplayProps = {
@@ -8,6 +9,7 @@ export type ContentWarningDisplayProps = {
 };
 
 const ContentWarningDisplay: Component<ContentWarningDisplayProps> = (props) => {
+  const i18n = useTranslation();
   const [showContentWarning, setShowContentWarning] = createSignal(false);
 
   return (
@@ -18,10 +20,12 @@ const ContentWarningDisplay: Component<ContentWarningDisplayProps> = (props) =>
           class="mt-2 w-full rounded border p-2 text-center text-xs text-stone-600 shadow-sm hover:shadow"
           onClick={() => setShowContentWarning(true)}
         >
-          表示するにはクリック
+          {i18n()('post.contentWarning.show')}
           <Show when={props.contentWarning.reason != null}>
             <br />
-            <span>理由: {props.contentWarning.reason}</span>
+            <span>
+              {i18n()('post.contentWarning.reason')}: {props.contentWarning.reason}
+            </span>
           </Show>
         </button>
       }

src/components/event/textNote/ImageDisplay.tsx

@@ -1,6 +1,7 @@
 import { Component, createSignal, Show } from 'solid-js';
 
 import SafeLink from '@/components/utils/SafeLink';
+import { useTranslation } from '@/i18n/useTranslation';
 import { fixUrl } from '@/utils/url';
 
 type ImageDisplayProps = {
@@ -10,6 +11,7 @@ type ImageDisplayProps = {
 
 const ImageDisplay: Component<ImageDisplayProps> = (props) => {
   let imageRef: HTMLImageElement | undefined;
+  const i18n = useTranslation();
   const [hidden, setHidden] = createSignal(props.initialHidden);
 
   return (
@@ -20,7 +22,7 @@ const ImageDisplay: Component<ImageDisplayProps> = (props) => {
           class="rounded bg-stone-300 p-3 text-xs text-stone-600 hover:shadow"
           onClick={() => setHidden(false)}
         >
-          画像を展開する
+          {i18n()('post.showImage')}
         </button>
       }
     >

src/components/event/textNote/MentionedEventDisplay.tsx

@@ -11,8 +11,7 @@ export type MentionedEventDisplayProps = {
   mentionedEvent: MentionedEvent;
 };
 
-const MentionedEventDisplay = (props: MentionedEventDisplayProps) => {
+const MentionedEventDisplay = (props: MentionedEventDisplayProps) => (
-  return (
   <Show
     when={props.mentionedEvent.marker != null && props.mentionedEvent.marker.length > 0}
     fallback={<EventLink eventId={props.mentionedEvent.eventId} />}
@@ -26,7 +25,6 @@ const MentionedEventDisplay = (props: MentionedEventDisplayProps) => {
       />
     </div>
   </Show>
-  );
+);
-};
 
 export default MentionedEventDisplay;

src/components/event/textNote/VideoDisplay.tsx

@@ -1,6 +1,7 @@
 import { Component, createSignal, Show } from 'solid-js';
 
 import SafeLink from '@/components/utils/SafeLink';
+import { useTranslation } from '@/i18n/useTranslation';
 
 type VideoDisplayProps = {
   url: string;
@@ -9,6 +10,7 @@ type VideoDisplayProps = {
 
 const VideoDisplay: Component<VideoDisplayProps> = (props) => {
   let videoRef: HTMLVideoElement | undefined;
+  const i18n = useTranslation();
   const [hidden, setHidden] = createSignal(props.initialHidden);
 
   return (
@@ -19,7 +21,7 @@ const VideoDisplay: Component<VideoDisplayProps> = (props) => {
           class="rounded bg-stone-300 p-3 text-xs text-stone-600 hover:shadow"
           onClick={() => setHidden(false)}
         >
-          動画を表示する
+          {i18n()('post.showVideo')}
         </button>
       }
     >
@@ -31,7 +33,7 @@ const VideoDisplay: Component<VideoDisplayProps> = (props) => {
           src={props.url}
           controls
         >
-          <a href={props.url}>ダウンロード</a>
+          <a href={props.url}>{i18n()('post.download')}</a>
         </video>
       </SafeLink>
     </Show>

src/components/modal/About.tsx

@@ -109,8 +109,7 @@ const About: Component<AboutProps> = (props) => {
         <h2 class="my-4 text-xl font-bold">使用ライブラリ</h2>
 
         <For each={packageInfo()?.packages ?? []} fallback="取得中">
-          {(p) => {
+          {(p) => (
-            return (
             <>
               <h3 class="mb-2 mt-4 font-mono">
                 {p.name}@{p.version} ({p.licenseSpdx})
@@ -119,8 +118,7 @@ const About: Component<AboutProps> = (props) => {
                 {p.licenseText}
               </pre>
             </>
-            );
+          )}
-          }}
         </For>
       </div>
     </BasicModal>

src/components/modal/BasicModal.tsx

@@ -10,8 +10,7 @@ export type BasicModalProps = {
   children: JSX.Element;
 };
 
-const BasicModal: Component<BasicModalProps> = (props) => {
+const BasicModal: Component<BasicModalProps> = (props) => (
-  return (
   <Modal onClose={() => props.onClose?.()}>
     <div class="w-[640px] max-w-full">
       <button
@@ -30,7 +29,6 @@ const BasicModal: Component<BasicModalProps> = (props) => {
       </div>
     </div>
   </Modal>
-  );
+);
-};
 
 export default BasicModal;

src/components/modal/Config.tsx

@@ -104,16 +104,14 @@ const RelayConfig = () => {
         </p>
         <ul>
           <For each={config().relayUrls}>
-            {(relayUrl: string) => {
+            {(relayUrl: string) => (
-              return (
               <li class="flex items-center">
                 <div class="flex-1 truncate">{relayUrl}</div>
                 <button class="h-3 w-3 shrink-0" onClick={() => removeRelay(relayUrl)}>
                   <XMark />
                 </button>
               </li>
-              );
+            )}
-            }}
           </For>
         </ul>
         <form class="flex gap-2" onSubmit={handleClickAddRelay}>
@@ -211,8 +209,7 @@ const DateFormatConfig = () => {
 const ToggleButton = (props: {
   value: boolean;
   onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;
-}) => {
+}) => (
-  return (
   <button
     class="flex h-[24px] w-[48px] items-center rounded-full border border-primary px-1"
     classList={{
@@ -226,8 +223,7 @@ const ToggleButton = (props: {
   >
     <span class="m-[-2px] inline-block h-5 w-5 rounded-full border border-primary bg-white shadow" />
   </button>
-  );
+);
-};
 
 const ReactionConfig = () => {
   const i18n = useTranslation();

src/components/timeline/TimelineContentDisplay.tsx

@@ -39,14 +39,12 @@ const RepliesDisplay: Component<{ event: NostrEvent }> = (props) => {
   return <Timeline events={[...events()].reverse()} />;
 };
 
-const TimelineContentDisplay: Component<{ timelineContent: TimelineContent }> = (props) => {
+const TimelineContentDisplay: Component<{ timelineContent: TimelineContent }> = (props) => (
-  return (
   <Switch>
     <Match when={props.timelineContent.type === 'Replies' && props.timelineContent} keyed>
       {(replies) => <RepliesDisplay event={replies.event} />}
     </Match>
   </Switch>
-  );
+);
-};
 
 export default TimelineContentDisplay;

src/i18n/useTranslation.tsx

@@ -34,6 +34,6 @@ export const useTranslation = () => {
   return i18nextFn;
 };
 
-export const I18NextProvider: Component<I18NextProviderProps> = (props) => {
+export const I18NextProvider: Component<I18NextProviderProps> = (props) => (
-  return <I18NextContext.Provider value={props.i18next}>{props.children}</I18NextContext.Provider>;
+  <I18NextContext.Provider value={props.i18next}>{props.children}</I18NextContext.Provider>
-};
+);

src/locales/en.ts

@@ -23,6 +23,7 @@ export default {
     search: 'Search',
     myPosts: 'My posts',
     myReactions: 'My reactions',
+    back: 'Back',
     config: {
       columnWidth: 'Column width',
       widest: 'Widest',
@@ -61,6 +62,15 @@ export default {
     deletedSuccessfully: 'Deleted successfully (reload to reflect)',
     failedToDeletePartially: 'Failed to delete on {{count}} relays',
     failedToDelete: 'Failed to delete',
+    showImage: 'Show image',
+    showVideo: 'Show video',
+    showOverflow: 'Read more',
+    hideOverflow: 'Hide',
+    download: 'Download',
+    contentWarning: {
+      show: 'Click to display',
+      reason: 'Reason',
+    },
   },
   notification: {
     reposted: ' reposted',

src/locales/ja.ts

@@ -21,6 +21,7 @@ export default {
     search: '検索',
     myPosts: '自分の投稿',
     myReactions: '自分のリアクション',
+    back: '戻る',
     config: {
       columnWidth: 'カラム幅',
       widest: '特大',
@@ -59,6 +60,15 @@ export default {
     deletedSuccessfully: '削除しました（画面への反映にはリロード）',
     failedToDeletePartially: '{{count}}個のリレーで削除に失敗しました',
     failedToDelete: 'すべてのリレーで削除に失敗しました',
+    showImage: '画像を表示する',
+    showVideo: '動画を表示する',
+    showOverflow: '続きを読む',
+    hideOverflow: '隠す',
+    download: 'ダウンロード',
+    contentWarning: {
+      show: '表示するにはクリック',
+      reason: '理由',
+    },
   },
   notification: {
     reposted: 'がリポスト',

src/nostr/event.ts

@@ -3,10 +3,6 @@ import { Kind, Event as NostrEvent } from 'nostr-tools';
 import GenericEvent from '@/nostr/event/GenericEvent';
 import TextNote from '@/nostr/event/TextNote';
 
-export const genericEvent = (event: NostrEvent): GenericEvent => {
+export const genericEvent = (event: NostrEvent): GenericEvent => new GenericEvent(event);
-  return new GenericEvent(event);
-};
 
-export const textNote = (event: NostrEvent): TextNote => {
+export const textNote = (event: NostrEvent): TextNote => new TextNote(event);
-  return new TextNote(event);
-};

src/nostr/useCommands.ts

@@ -23,8 +23,8 @@ export type PublishTextNoteParams = {
 } & TagParams;
 
 // NIP-20: Command Result
-const waitCommandResult = (pub: Pub, relayUrl: string): Promise<void> => {
+const waitCommandResult = (pub: Pub, relayUrl: string): Promise<void> =>
-  return new Promise((resolve, reject) => {
+  new Promise((resolve, reject) => {
     pub.on('ok', () => {
       console.log(`${relayUrl} has accepted our event`);
       resolve();
@@ -34,7 +34,6 @@ const waitCommandResult = (pub: Pub, relayUrl: string): Promise<void> => {
       reject(reason);
     });
   });
-};
 
 export const buildTags = ({
   notifyPubkeys,

src/pages/NotFound.tsx

@@ -1,7 +1,6 @@
 import type { Component } from 'solid-js';
 
-const NotFound: Component = () => {
+const NotFound: Component = () => (
-  return (
   <div class="container mx-auto max-w-[640px] py-10">
     <h1 class="text-4xl font-bold text-stone-700">お探しのページは見つかりませんでした</h1>
     <p class="pt-4">
@@ -10,7 +9,6 @@ const NotFound: Component = () => {
       </a>
     </p>
   </div>
-  );
+);
-};
 
 export default NotFound;

src/utils/imageUpload.ts

@@ -74,6 +74,5 @@ export type UploaderIds = keyof typeof uploaders;
 
 export const uploadFiles =
   <T>(uploadFn: (file: Blob) => Promise<T>) =>
-  (files: File[]): Promise<PromiseSettledResult<Awaited<T>>[]> => {
+  (files: File[]): Promise<PromiseSettledResult<Awaited<T>>[]> =>
-    return Promise.allSettled(files.map((file) => uploadFn(file)));
+    Promise.allSettled(files.map((file) => uploadFn(file)));
-  };

src/utils/sleep.ts

@@ -1,7 +1,6 @@
-const sleep = (ms: number): Promise<void> => {
+const sleep = (ms: number): Promise<void> =>
-  return new Promise((resolve) => {
+  new Promise((resolve) => {
     setTimeout(resolve, ms);
   });
-};
 
 export default sleep;