+
@@ -1175,14 +1175,14 @@ export const App = () => {
{route === "home" ? (
{
setInfoModal("terms");
}}
>
- 이용약관
+ {t("infoPages.terms")}
{
setInfoModal("license");
}}
>
- 라이선스
+ {t("infoPages.license")}
{
setInfoModal("oss");
}}
>
- 오픈소스 목록
+ {t("infoPages.oss")}
{
setInfoModal("shortcuts");
}}
>
- 단축키
+ {t("infoPages.shortcuts")}
- 소스 코드
+ {t("app.sourceCode")}
@@ -1252,14 +1252,16 @@ export const App = () => {
{hasAccounts ? (
- {oauthLoading ?
{showPomodoro && pomodoroSessionType === "focus" && pomodoroIsRunning ? (
) : null}
@@ -1426,7 +1428,7 @@ export const App = () => {
}}
onToggleFavourite={async (status) => {
if (!composeAccount) {
- setActionError("계정을 선택해주세요.");
+ setActionError(t("errors.accountRequired"));
return;
}
setActionError(null);
@@ -1437,12 +1439,12 @@ export const App = () => {
// Update the status in modal
setSelectedStatus(updated);
} catch (err) {
- setActionError(err instanceof Error ? err.message : "좋아요 처리에 실패했습니다.");
+ setActionError(err instanceof Error ? err.message : t("errors.likeFailed"));
}
}}
onToggleReblog={async (status) => {
if (!composeAccount) {
- setActionError("계정을 선택해주세요.");
+ setActionError(t("errors.accountRequired"));
return;
}
setActionError(null);
@@ -1452,12 +1454,12 @@ export const App = () => {
: await services.api.reblog(composeAccount, status.id);
setSelectedStatus(updated);
} catch (err) {
- setActionError(err instanceof Error ? err.message : "부스트 처리에 실패했습니다.");
+ setActionError(err instanceof Error ? err.message : t("errors.boostFailed"));
}
}}
onToggleBookmark={async (status) => {
if (!composeAccount) {
- setActionError("계정을 선택해주세요.");
+ setActionError(t("errors.accountRequired"));
return;
}
setActionError(null);
@@ -1468,12 +1470,12 @@ export const App = () => {
: await services.api.bookmark(composeAccount, status.id);
setSelectedStatus(updated);
if (isBookmarking) {
- showToast("북마크했습니다.");
+ showToast(t("toast.bookmarkAdded"));
} else {
- showToast("북마크를 취소했습니다.");
+ showToast(t("toast.bookmarkRemoved"));
}
} catch (err) {
- setActionError(err instanceof Error ? err.message : "북마크 처리에 실패했습니다.");
+ setActionError(err instanceof Error ? err.message : t("errors.bookmarkFailed"));
}
}}
onDelete={async (status) => {
@@ -1485,7 +1487,7 @@ export const App = () => {
await services.api.deleteStatus(composeAccount, status.id);
setSelectedStatus(null);
} catch (err) {
- setActionError(err instanceof Error ? err.message : "게시글 삭제에 실패했습니다.");
+ setActionError(err instanceof Error ? err.message : t("errors.statusDeleteFailed"));
}
}}
activeHandle={
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
new file mode 100644
index 0000000..65ea33e
--- /dev/null
+++ b/src/i18n/index.ts
@@ -0,0 +1,29 @@
+import i18n from "i18next";
+import HttpBackend from "i18next-http-backend";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { initReactI18next } from "react-i18next";
+
+export const SUPPORTED_LANGUAGES = ["ko", "en"] as const;
+
+void i18n
+ .use(HttpBackend)
+ .use(LanguageDetector)
+ .use(initReactI18next)
+ .init({
+ fallbackLng: "ko",
+ supportedLngs: SUPPORTED_LANGUAGES,
+ defaultNS: "common",
+ ns: ["common"],
+ backend: {
+ loadPath: "/locales/{{lng}}/{{ns}}.json"
+ },
+ detection: {
+ order: ["localStorage", "navigator"],
+ caches: ["localStorage"]
+ },
+ interpolation: {
+ escapeValue: false
+ }
+ });
+
+export default i18n;
diff --git a/src/infra/MastodonHttpClient.ts b/src/infra/MastodonHttpClient.ts
index c9b37cf..672aa26 100644
--- a/src/infra/MastodonHttpClient.ts
+++ b/src/infra/MastodonHttpClient.ts
@@ -10,6 +10,7 @@ import type {
} from "../domain/types";
import type { CreateStatusInput, MastodonApi } from "../services/MastodonApi";
import { mapAccountProfile, mapAccountRelationship, mapNotificationToStatus, mapStatus } from "./mastodonMapper";
+import i18n from "../i18n";
const buildHeaders = (account: Account): HeadersInit => ({
Authorization: `Bearer ${account.accessToken}`,
@@ -53,7 +54,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("계정 인증에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.accountVerifyFailed"));
}
const data = (await response.json()) as Record;
return {
@@ -74,7 +75,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("타임라인을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.timelineLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map(mapStatus);
@@ -104,7 +105,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("타임라인을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.timelineLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map(mapStatus);
@@ -120,7 +121,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("북마크를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.bookmarksLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map(mapStatus);
@@ -131,7 +132,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("이모지를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.customEmojisLoadFailed"));
}
const data = (await response.json()) as unknown;
return mapCustomEmojis(data);
@@ -171,7 +172,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!v1Response.ok) {
- throw new Error("인스턴스 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.instanceInfoLoadFailed"));
}
const data = (await v1Response.json()) as Record;
@@ -203,7 +204,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("프로필 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.profileLoadFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountProfile(data);
@@ -216,7 +217,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("관계 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.relationshipLoadFailed"));
}
const data = (await response.json()) as unknown[];
const relationship = data[0];
@@ -229,7 +230,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("팔로우에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.followFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountRelationship(data);
@@ -241,7 +242,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("언팔로우에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.unfollowFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountRelationship(data);
@@ -257,7 +258,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("뮤트에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.muteFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountRelationship(data);
@@ -269,7 +270,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("뮤트 해제에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.unmuteFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountRelationship(data);
@@ -281,7 +282,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("차단에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.blockFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountRelationship(data);
@@ -293,7 +294,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("차단 해제에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.unblockFailed"));
}
const data = (await response.json()) as unknown;
return mapAccountRelationship(data);
@@ -318,7 +319,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("게시글을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.statusesLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map(mapStatus);
@@ -335,12 +336,12 @@ export class MastodonHttpClient implements MastodonApi {
body: formData
});
if (!response.ok) {
- throw new Error("이미지 업로드에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.mediaUploadFailed"));
}
const data = (await response.json()) as Record;
const id = String(data.id ?? "");
if (!id) {
- throw new Error("업로드된 미디어 정보를 찾을 수 없습니다.");
+ throw new Error(i18n.t("errors.api.mediaUploadNotFound"));
}
return id;
}
@@ -350,7 +351,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("스레드 컨텍스트를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.threadLoadFailed"));
}
const data = (await response.json()) as Record;
@@ -382,7 +383,7 @@ export class MastodonHttpClient implements MastodonApi {
})
});
if (!response.ok) {
- throw new Error("글 작성에 실패했습니다.");
+ throw new Error(i18n.t("errors.composeFailed"));
}
const data = (await response.json()) as unknown;
return mapStatus(data);
@@ -394,7 +395,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("게시글 삭제에 실패했습니다.");
+ throw new Error(i18n.t("errors.statusDeleteFailed"));
}
}
@@ -415,11 +416,11 @@ export class MastodonHttpClient implements MastodonApi {
}
async createReaction(_account: Account, _statusId: string, _reaction: string): Promise {
- throw new Error("리액션은 미스키 계정에서만 사용할 수 있습니다.");
+ throw new Error(i18n.t("errors.reactionMisskeyOnly"));
}
async deleteReaction(_account: Account, _statusId: string): Promise {
- throw new Error("리액션은 미스키 계정에서만 사용할 수 있습니다.");
+ throw new Error(i18n.t("errors.reactionMisskeyOnly"));
}
async fetchNoteState(
@@ -432,7 +433,7 @@ export class MastodonHttpClient implements MastodonApi {
}
});
if (!response.ok) {
- throw new Error("게시물 상태를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.noteStateLoadFailed"));
}
const data = (await response.json()) as unknown;
const status = mapStatus(data);
@@ -449,7 +450,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("번역에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.translationFailed"));
}
const data = (await response.json()) as Record;
const htmlContent = typeof data.content === "string" ? data.content : "";
@@ -488,7 +489,7 @@ export class MastodonHttpClient implements MastodonApi {
headers: buildHeaders(account)
});
if (!response.ok) {
- throw new Error("알림을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.notificationsLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data
@@ -514,7 +515,7 @@ export class MastodonHttpClient implements MastodonApi {
throw new Error(errorBody);
}
}
- throw new Error("요청에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.requestFailed"));
}
const data = (await response.json()) as unknown;
return mapStatus(data);
diff --git a/src/infra/MastodonOAuthClient.ts b/src/infra/MastodonOAuthClient.ts
index 0192b80..7dcaaa8 100644
--- a/src/infra/MastodonOAuthClient.ts
+++ b/src/infra/MastodonOAuthClient.ts
@@ -4,6 +4,7 @@ import type {
OAuthClient,
RegisteredApp
} from "../services/OAuthClient";
+import i18n from "../i18n";
const OAUTH_SCOPE = "read write follow";
@@ -26,14 +27,14 @@ export class MastodonOAuthClient implements OAuthClient {
});
if (!response.ok) {
- throw new Error("앱 등록에 실패했습니다.");
+ throw new Error(i18n.t("errors.oauth.appRegisterFailed"));
}
const data = (await response.json()) as Record;
const clientId = String(data.client_id ?? "");
const clientSecret = String(data.client_secret ?? "");
if (!clientId || !clientSecret) {
- throw new Error("앱 등록 정보가 올바르지 않습니다.");
+ throw new Error(i18n.t("errors.oauth.appRegisterInvalid"));
}
return {
platform: "mastodon",
@@ -47,7 +48,7 @@ export class MastodonOAuthClient implements OAuthClient {
buildAuthorizeUrl(app: RegisteredApp, state: string): string {
if (app.platform !== "mastodon") {
- throw new Error("마스토돈 OAuth 정보가 필요합니다.");
+ throw new Error(i18n.t("errors.oauth.mastodonInfoRequired"));
}
const authorizeUrl = new URL(`${app.instanceUrl}/oauth/authorize`);
authorizeUrl.searchParams.set("client_id", app.clientId);
@@ -61,10 +62,10 @@ export class MastodonOAuthClient implements OAuthClient {
async exchangeToken(params: { app: RegisteredApp; callback: OAuthCallbackParams }): Promise {
if (params.app.platform !== "mastodon") {
- throw new Error("마스토돈 OAuth 정보가 필요합니다.");
+ throw new Error(i18n.t("errors.oauth.mastodonInfoRequired"));
}
if (!params.callback.code) {
- throw new Error("OAuth 코드를 찾지 못했습니다.");
+ throw new Error(i18n.t("errors.oauth.missingCode"));
}
const body = new URLSearchParams({
client_id: params.app.clientId,
@@ -83,13 +84,13 @@ export class MastodonOAuthClient implements OAuthClient {
});
if (!response.ok) {
- throw new Error("토큰 교환에 실패했습니다.");
+ throw new Error(i18n.t("errors.oauth.tokenExchangeFailed"));
}
const data = (await response.json()) as Record;
const token = String(data.access_token ?? "");
if (!token) {
- throw new Error("토큰을 받지 못했습니다.");
+ throw new Error(i18n.t("errors.oauth.tokenMissing"));
}
return token;
}
diff --git a/src/infra/MisskeyHttpClient.ts b/src/infra/MisskeyHttpClient.ts
index 5af3ef7..a513d85 100644
--- a/src/infra/MisskeyHttpClient.ts
+++ b/src/infra/MisskeyHttpClient.ts
@@ -15,6 +15,7 @@ import {
mapMisskeyStatusWithInstance,
mapMisskeyUserProfile
} from "./misskeyMapper";
+import i18n from "../i18n";
const normalizeInstanceUrl = (instanceUrl: string): string => instanceUrl.replace(/\/$/, "");
@@ -95,7 +96,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { noteId, limit }))
});
if (!response.ok) {
- throw new Error("답글을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.replyLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data
@@ -146,7 +147,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, {}))
});
if (!response.ok) {
- throw new Error("계정 인증에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.accountVerifyFailed"));
}
const data = (await response.json()) as Record;
return {
@@ -195,7 +196,7 @@ export class MisskeyHttpClient implements MastodonApi {
if (!response.ok) {
const fallback = await fetch(url);
if (!fallback.ok) {
- throw new Error("이모지를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.customEmojisLoadFailed"));
}
const data = (await fallback.json()) as unknown;
return mapMisskeyEmojis(data);
@@ -213,7 +214,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, {}))
});
if (!response.ok) {
- throw new Error("인스턴스 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.instanceInfoLoadFailed"));
}
const data = (await response.json()) as Record;
return {
@@ -234,7 +235,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { userId: accountId }))
});
if (!response.ok) {
- throw new Error("프로필 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.profileLoadFailed"));
}
const data = (await response.json()) as unknown;
return mapMisskeyUserProfile(data, account.instanceUrl);
@@ -249,7 +250,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { userId: accountId }))
});
if (!response.ok) {
- throw new Error("관계 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.relationshipLoadFailed"));
}
const data = (await response.json()) as unknown;
return mapMisskeyRelationship(data);
@@ -310,7 +311,7 @@ export class MisskeyHttpClient implements MastodonApi {
)
});
if (!response.ok) {
- throw new Error("게시글을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.statusesLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map((item) => mapMisskeyStatusWithInstance(item, account.instanceUrl));
@@ -330,7 +331,7 @@ export class MisskeyHttpClient implements MastodonApi {
)
});
if (!response.ok) {
- throw new Error("북마크를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.bookmarksLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map((item) => {
@@ -352,12 +353,12 @@ export class MisskeyHttpClient implements MastodonApi {
}
);
if (!response.ok) {
- throw new Error("이미지 업로드에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.mediaUploadFailed"));
}
const data = (await response.json()) as Record;
const id = String(data.id ?? "");
if (!id) {
- throw new Error("업로드된 미디어 정보를 찾을 수 없습니다.");
+ throw new Error(i18n.t("errors.api.mediaUploadNotFound"));
}
return id;
}
@@ -375,7 +376,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { noteId, limit: 100 }))
});
if (!response.ok) {
- throw new Error("대화를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.conversationLoadFailed"));
}
const data = (await response.json()) as unknown[];
@@ -425,12 +426,12 @@ export class MisskeyHttpClient implements MastodonApi {
)
});
if (!response.ok) {
- throw new Error("글 작성에 실패했습니다.");
+ throw new Error(i18n.t("errors.composeFailed"));
}
const data = (await response.json()) as { createdNote?: unknown; note?: unknown };
const created = data.createdNote ?? data.note;
if (!created) {
- throw new Error("생성된 노트를 찾을 수 없습니다.");
+ throw new Error(i18n.t("errors.api.createdNoteNotFound"));
}
return mapMisskeyStatusWithInstance(created, account.instanceUrl);
}
@@ -444,7 +445,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { noteId: statusId }))
});
if (!response.ok) {
- throw new Error("게시글 삭제에 실패했습니다.");
+ throw new Error(i18n.t("errors.statusDeleteFailed"));
}
}
@@ -493,7 +494,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { noteId }))
});
if (!response.ok) {
- throw new Error("게시물 상태를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.noteStateLoadFailed"));
}
const state = (await response.json()) as Record;
const isFavorited = Boolean(state.isFavorited ?? false);
@@ -514,7 +515,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { noteId: statusId }))
});
if (!response.ok) {
- throw new Error("번역에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.translationFailed"));
}
const data = (await response.json()) as Record;
const content =
@@ -528,7 +529,7 @@ export class MisskeyHttpClient implements MastodonApi {
? data.translation
: "";
if (!content) {
- throw new Error("번역 결과를 확인할 수 없습니다.");
+ throw new Error(i18n.t("errors.api.translationResultMissing"));
}
const sourceLanguage =
typeof data.sourceLang === "string"
@@ -561,7 +562,7 @@ export class MisskeyHttpClient implements MastodonApi {
const note = await this.fetchNoteRaw(account, statusId);
const renoteId = typeof note.myRenoteId === "string" ? note.myRenoteId : "";
if (!renoteId) {
- throw new Error("취소할 리노트를 찾지 못했습니다.");
+ throw new Error(i18n.t("errors.api.renoteNotFound"));
}
await this.postSimple(account, "/api/notes/delete", { noteId: renoteId });
return this.fetchNote(account, statusId);
@@ -576,7 +577,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, { noteId }))
});
if (!response.ok) {
- throw new Error("게시글 정보를 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.statusInfoLoadFailed"));
}
return (await response.json()) as Record;
}
@@ -595,7 +596,7 @@ export class MisskeyHttpClient implements MastodonApi {
body: JSON.stringify(buildBody(account, payload))
});
if (!response.ok) {
- throw new Error("요청에 실패했습니다.");
+ throw new Error(i18n.t("errors.api.requestFailed"));
}
}
@@ -618,7 +619,7 @@ export class MisskeyHttpClient implements MastodonApi {
)
});
if (!response.ok) {
- throw new Error("타임라인을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.timelineLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data.map((item) => mapMisskeyStatusWithInstance(item, account.instanceUrl));
@@ -642,7 +643,7 @@ export class MisskeyHttpClient implements MastodonApi {
)
});
if (!response.ok) {
- throw new Error("알림을 불러오지 못했습니다.");
+ throw new Error(i18n.t("errors.api.notificationsLoadFailed"));
}
const data = (await response.json()) as unknown[];
return data
diff --git a/src/infra/MisskeyOAuthClient.ts b/src/infra/MisskeyOAuthClient.ts
index 57c5c33..3dc1828 100644
--- a/src/infra/MisskeyOAuthClient.ts
+++ b/src/infra/MisskeyOAuthClient.ts
@@ -4,6 +4,7 @@ import type {
OAuthClient,
RegisteredApp
} from "../services/OAuthClient";
+import i18n from "../i18n";
const APP_NAME = "Deck";
const MIAUTH_PERMISSIONS = [
@@ -35,7 +36,7 @@ export class MisskeyOAuthClient implements OAuthClient {
buildAuthorizeUrl(app: RegisteredApp, state: string): string {
if (app.platform !== "misskey") {
- throw new Error("미스키 OAuth 정보가 필요합니다.");
+ throw new Error(i18n.t("errors.oauth.misskeyInfoRequired"));
}
const authorizeUrl = new URL(`${normalizeInstanceUrl(app.instanceUrl)}/miauth/${app.sessionId}`);
const callbackUrl = new URL(app.redirectUri);
@@ -48,11 +49,11 @@ export class MisskeyOAuthClient implements OAuthClient {
async exchangeToken(params: { app: RegisteredApp; callback: OAuthCallbackParams }): Promise {
if (params.app.platform !== "misskey") {
- throw new Error("미스키 OAuth 정보가 필요합니다.");
+ throw new Error(i18n.t("errors.oauth.misskeyInfoRequired"));
}
const sessionId = params.callback.session ?? params.app.sessionId;
if (!sessionId) {
- throw new Error("미스키 세션 정보를 찾지 못했습니다.");
+ throw new Error(i18n.t("errors.oauth.misskeySessionMissing"));
}
const response = await fetch(
`${normalizeInstanceUrl(params.app.instanceUrl)}/api/miauth/${sessionId}/check`,
@@ -65,11 +66,11 @@ export class MisskeyOAuthClient implements OAuthClient {
}
);
if (!response.ok) {
- throw new Error("미스키 토큰을 받지 못했습니다.");
+ throw new Error(i18n.t("errors.oauth.misskeyTokenMissing"));
}
const data = (await response.json()) as { ok?: boolean; token?: string };
if (!data.ok || !data.token) {
- throw new Error("미스키 토큰 응답이 올바르지 않습니다.");
+ throw new Error(i18n.t("errors.oauth.misskeyTokenInvalid"));
}
return data.token;
}
diff --git a/src/infra/mastodonMapper.ts b/src/infra/mastodonMapper.ts
index 65c0a78..b377485 100644
--- a/src/infra/mastodonMapper.ts
+++ b/src/infra/mastodonMapper.ts
@@ -1,4 +1,5 @@
import type { AccountRelationship, MediaAttachment, ProfileField, Reaction, Status, UserProfile } from "../domain/types";
+import i18n from "../i18n";
const htmlToText = (html: string): string => {
// Preserve links as "text (url)" format before DOM parsing
@@ -308,23 +309,26 @@ const STATUS_LIKE_NOTIFICATION_TYPES = new Set(["mention", "status", "up
const getNotificationDescriptor = (type: string): { label: string; fallback: string } => {
switch (type) {
case "follow":
- return { label: "팔로우함", fallback: "팔로우했습니다." };
+ return { label: i18n.t("notifications.labels.follow"), fallback: i18n.t("notifications.fallback.follow") };
case "follow_request":
- return { label: "팔로우 요청함", fallback: "팔로우 요청을 보냈습니다." };
+ return {
+ label: i18n.t("notifications.labels.followRequest"),
+ fallback: i18n.t("notifications.fallback.followRequest")
+ };
case "favourite":
- return { label: "좋아요함", fallback: "좋아요를 눌렀습니다." };
+ return { label: i18n.t("notifications.labels.favourite"), fallback: i18n.t("notifications.fallback.favourite") };
case "reblog":
- return { label: "부스트함", fallback: "부스트했습니다." };
+ return { label: i18n.t("notifications.labels.reblog"), fallback: i18n.t("notifications.fallback.reblog") };
case "poll":
- return { label: "투표함", fallback: "투표했습니다." };
+ return { label: i18n.t("notifications.labels.poll"), fallback: i18n.t("notifications.fallback.poll") };
case "status":
- return { label: "글 작성함", fallback: "새 글을 올렸습니다." };
+ return { label: i18n.t("notifications.labels.status"), fallback: i18n.t("notifications.fallback.status") };
case "update":
- return { label: "게시글 수정함", fallback: "게시글을 수정했습니다." };
+ return { label: i18n.t("notifications.labels.update"), fallback: i18n.t("notifications.fallback.update") };
case "mention":
- return { label: "멘션함", fallback: "멘션했습니다." };
+ return { label: i18n.t("notifications.labels.mention"), fallback: i18n.t("notifications.fallback.mention") };
default:
- return { label: "알림", fallback: "알림이 도착했습니다." };
+ return { label: i18n.t("notifications.labels.default"), fallback: i18n.t("notifications.fallback.default") };
}
};
diff --git a/src/infra/misskeyMapper.ts b/src/infra/misskeyMapper.ts
index c3d8131..7053258 100644
--- a/src/infra/misskeyMapper.ts
+++ b/src/infra/misskeyMapper.ts
@@ -9,6 +9,7 @@ import type {
UserProfile,
Visibility
} from "../domain/types";
+import i18n from "../i18n";
const mapVisibility = (visibility: string): Visibility => {
switch (visibility) {
@@ -598,23 +599,23 @@ const getExportEntityLabel = (value: Record): string => {
const entity = typeof value.exportedEntity === "string" ? value.exportedEntity : "";
switch (entity) {
case "antenna":
- return "안테나";
+ return i18n.t("notifications.export.antenna");
case "blocking":
- return "차단";
+ return i18n.t("notifications.export.blocking");
case "clip":
- return "클립";
+ return i18n.t("notifications.export.clip");
case "customEmoji":
- return "커스텀 이모지";
+ return i18n.t("notifications.export.customEmoji");
case "favorite":
- return "즐겨찾기";
+ return i18n.t("notifications.export.favorite");
case "following":
- return "팔로잉";
+ return i18n.t("notifications.export.following");
case "muting":
- return "뮤트";
+ return i18n.t("notifications.export.muting");
case "note":
- return "노트";
+ return i18n.t("notifications.export.note");
case "userList":
- return "사용자 리스트";
+ return i18n.t("notifications.export.userList");
default:
return entity;
}
@@ -629,10 +630,10 @@ const getLoginDetail = (value: Record): string => {
parts.push(`IP: ${ip}`);
}
if (location) {
- parts.push(`위치: ${location}`);
+ parts.push(i18n.t("notifications.login.location", { value: location }));
}
if (userAgent) {
- parts.push(`브라우저: ${userAgent}`);
+ parts.push(i18n.t("notifications.login.browser", { value: userAgent }));
}
return parts.join(", ");
};
@@ -644,113 +645,172 @@ const getNotificationDescriptor = (
): { label: string; fallback: string } => {
switch (type) {
case "follow":
- return { label: "팔로우함", fallback: "팔로우했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.follow.label"),
+ fallback: i18n.t("notifications.misskey.follow.fallback")
+ };
case "receiveFollowRequest":
- return { label: "팔로우 요청함", fallback: "팔로우 요청을 보냈습니다." };
+ return {
+ label: i18n.t("notifications.misskey.receiveFollowRequest.label"),
+ fallback: i18n.t("notifications.misskey.receiveFollowRequest.fallback")
+ };
case "followRequestAccepted": {
const followMessage = pickTextField(value, ["message"]);
return {
- label: "팔로우 요청 승인함",
+ label: i18n.t("notifications.misskey.followRequestAccepted.label"),
fallback: followMessage
- ? `팔로우 요청이 승인되었습니다. ${followMessage}`
- : "팔로우 요청이 승인되었습니다."
+ ? i18n.t("notifications.misskey.followRequestAccepted.fallbackWithMessage", {
+ message: followMessage
+ })
+ : i18n.t("notifications.misskey.followRequestAccepted.fallback")
};
}
case "renote":
- return { label: "리노트함", fallback: "리노트했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.renote.label"),
+ fallback: i18n.t("notifications.misskey.renote.fallback")
+ };
case "reaction":
return {
- label: reaction ? `리액션함 ${reaction}` : "리액션함",
- fallback: reaction ? `리액션했습니다. ${reaction}` : "리액션했습니다."
+ label: reaction
+ ? i18n.t("notifications.misskey.reaction.labelWithReaction", { reaction })
+ : i18n.t("notifications.misskey.reaction.label"),
+ fallback: reaction
+ ? i18n.t("notifications.misskey.reaction.fallbackWithReaction", { reaction })
+ : i18n.t("notifications.misskey.reaction.fallback")
};
case "pollEnded":
- return { label: "투표 종료됨", fallback: "투표가 종료되었습니다." };
+ return {
+ label: i18n.t("notifications.misskey.pollEnded.label"),
+ fallback: i18n.t("notifications.misskey.pollEnded.fallback")
+ };
case "pollVote":
- return { label: "투표함", fallback: "투표했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.pollVote.label"),
+ fallback: i18n.t("notifications.misskey.pollVote.fallback")
+ };
case "note":
- return { label: "글 작성함", fallback: "새 글을 올렸습니다." };
+ return {
+ label: i18n.t("notifications.misskey.note.label"),
+ fallback: i18n.t("notifications.misskey.note.fallback")
+ };
case "quote":
- return { label: "인용함", fallback: "인용했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.quote.label"),
+ fallback: i18n.t("notifications.misskey.quote.fallback")
+ };
case "reply":
- return { label: "답글 남김", fallback: "답글을 남겼습니다." };
+ return {
+ label: i18n.t("notifications.misskey.reply.label"),
+ fallback: i18n.t("notifications.misskey.reply.fallback")
+ };
case "mention":
- return { label: "멘션함", fallback: "멘션했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.mention.label"),
+ fallback: i18n.t("notifications.misskey.mention.fallback")
+ };
case "scheduledNotePosted":
- return { label: "예약 글 게시됨", fallback: "예약 글이 게시되었습니다." };
+ return {
+ label: i18n.t("notifications.misskey.scheduledNotePosted.label"),
+ fallback: i18n.t("notifications.misskey.scheduledNotePosted.fallback")
+ };
case "scheduledNotePostFailed": {
const preview = getNoteDraftPreview(value);
return {
- label: "예약 글 게시 실패",
- fallback: preview ? `예약 글 게시에 실패했습니다: ${preview}` : "예약 글 게시에 실패했습니다."
+ label: i18n.t("notifications.misskey.scheduledNotePostFailed.label"),
+ fallback: preview
+ ? i18n.t("notifications.misskey.scheduledNotePostFailed.fallbackWithPreview", { preview })
+ : i18n.t("notifications.misskey.scheduledNotePostFailed.fallback")
};
}
case "achievementEarned": {
const detail = getAchievementDetail(value) || getNotificationMessage(value);
return {
- label: "도전과제 달성함",
- fallback: detail ? `도전과제를 달성했습니다: ${detail}` : "도전과제를 달성했습니다."
+ label: i18n.t("notifications.misskey.achievementEarned.label"),
+ fallback: detail
+ ? i18n.t("notifications.misskey.achievementEarned.fallbackWithDetail", { detail })
+ : i18n.t("notifications.misskey.achievementEarned.fallback")
};
}
case "login": {
const detail = getLoginDetail(value) || getNotificationMessage(value);
return {
- label: "로그인 알림",
- fallback: detail ? `로그인 알림입니다. ${detail}` : "로그인 알림입니다."
+ label: i18n.t("notifications.misskey.login.label"),
+ fallback: detail
+ ? i18n.t("notifications.misskey.login.fallbackWithDetail", { detail })
+ : i18n.t("notifications.misskey.login.fallback")
};
}
case "test": {
const message = getNotificationMessage(value);
return {
- label: "테스트 알림",
- fallback: message || "테스트 알림입니다."
+ label: i18n.t("notifications.misskey.test.label"),
+ fallback: message || i18n.t("notifications.misskey.test.fallback")
};
}
case "roleAssigned": {
const roleName = getRoleName(value) || getNotificationMessage(value);
return {
- label: "역할 부여됨",
- fallback: roleName ? `새 역할이 부여되었습니다: ${roleName}` : "새 역할이 부여되었습니다."
+ label: i18n.t("notifications.misskey.roleAssigned.label"),
+ fallback: roleName
+ ? i18n.t("notifications.misskey.roleAssigned.fallbackWithRole", { role: roleName })
+ : i18n.t("notifications.misskey.roleAssigned.fallback")
};
}
case "announcement":
case "unreadAnnouncement": {
const announcement = getAnnouncementMessage(value) || getNotificationMessage(value);
return {
- label: "공지 알림",
- fallback: announcement ? `공지: ${announcement}` : "새 공지가 있습니다."
+ label: i18n.t("notifications.misskey.announcement.label"),
+ fallback: announcement
+ ? i18n.t("notifications.misskey.announcement.fallbackWithAnnouncement", { announcement })
+ : i18n.t("notifications.misskey.announcement.fallback")
};
}
case "app": {
const message = getNotificationMessage(value);
return {
- label: "앱 알림",
- fallback: message || "앱 알림이 도착했습니다."
+ label: i18n.t("notifications.misskey.app.label"),
+ fallback: message || i18n.t("notifications.misskey.app.fallback")
};
}
case "chatRoomInvitationReceived": {
const roomName = getChatRoomInvitationDetail(value) || getNotificationMessage(value);
return {
- label: "채팅방 초대됨",
- fallback: roomName ? `채팅방에 초대되었습니다: ${roomName}` : "채팅방에 초대되었습니다."
+ label: i18n.t("notifications.misskey.chatRoomInvitationReceived.label"),
+ fallback: roomName
+ ? i18n.t("notifications.misskey.chatRoomInvitationReceived.fallbackWithRoom", { room: roomName })
+ : i18n.t("notifications.misskey.chatRoomInvitationReceived.fallback")
};
}
case "exportCompleted": {
const entity = getExportEntityLabel(value);
return {
- label: "내보내기 완료됨",
- fallback: entity ? `내보내기가 완료되었습니다: ${entity}` : "내보내기가 완료되었습니다."
+ label: i18n.t("notifications.misskey.exportCompleted.label"),
+ fallback: entity
+ ? i18n.t("notifications.misskey.exportCompleted.fallbackWithEntity", { entity })
+ : i18n.t("notifications.misskey.exportCompleted.fallback")
};
}
case "createToken":
- return { label: "토큰 생성됨", fallback: "새 토큰이 생성되었습니다." };
+ return {
+ label: i18n.t("notifications.misskey.createToken.label"),
+ fallback: i18n.t("notifications.misskey.createToken.fallback")
+ };
case "reaction:grouped":
- return { label: "리액션 모음", fallback: "여러 명이 리액션했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.reactionGrouped.label"),
+ fallback: i18n.t("notifications.misskey.reactionGrouped.fallback")
+ };
case "renote:grouped":
- return { label: "리노트 모음", fallback: "여러 명이 리노트했습니다." };
+ return {
+ label: i18n.t("notifications.misskey.renoteGrouped.label"),
+ fallback: i18n.t("notifications.misskey.renoteGrouped.fallback")
+ };
default:
return {
- label: "알림",
- fallback: getNotificationMessage(value) || "알림이 도착했습니다."
+ label: i18n.t("notifications.labels.default"),
+ fallback: getNotificationMessage(value) || i18n.t("notifications.fallback.default")
};
}
};
@@ -781,8 +841,8 @@ export const mapMisskeyNotification = (raw: unknown, instanceUrl?: string): Stat
const appHeader = pickTextField(value, ["header"]);
const appIcon = typeof value.icon === "string" ? value.icon : null;
const isGroupedNotification = type === "reaction:grouped" || type === "renote:grouped";
- const systemActorName = isGroupedNotification ? "여러 사용자" : "시스템";
- const appActorName = appHeader || "앱";
+ const systemActorName = isGroupedNotification ? i18n.t("notifications.system.grouped") : i18n.t("notifications.system.default");
+ const appActorName = appHeader || i18n.t("notifications.system.app");
const actor = isSystemNotification
? {
name: type === "app" ? appActorName : systemActorName,
@@ -796,7 +856,7 @@ export const mapMisskeyNotification = (raw: unknown, instanceUrl?: string): Stat
url: accountUrl,
avatarUrl: accountAvatarUrl
};
- const normalizedAccountName = isSystemNotification ? actor.name || "시스템" : accountName;
+ const normalizedAccountName = isSystemNotification ? actor.name || i18n.t("notifications.system.default") : accountName;
const systemAccountHandle = type === "app" ? "app" : isGroupedNotification ? "grouped" : "system";
const normalizedAccountHandle = isSystemNotification ? systemAccountHandle : accountHandle;
const normalizedAccountUrl = isSystemNotification ? null : accountUrl;
diff --git a/src/main.tsx b/src/main.tsx
index 2e4212b..5c21ee7 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,7 @@
import React from "react";
import ReactDOM from "react-dom/client";
import { App } from "./App";
+import "./i18n";
import { MastodonHttpClient } from "./infra/MastodonHttpClient";
import { MastodonStreamingClient } from "./infra/MastodonStreamingClient";
import { MastodonOAuthClient } from "./infra/MastodonOAuthClient";
diff --git a/src/ui/components/AccountAdd.tsx b/src/ui/components/AccountAdd.tsx
index 8b8ef7e..2e6c2e1 100644
--- a/src/ui/components/AccountAdd.tsx
+++ b/src/ui/components/AccountAdd.tsx
@@ -1,4 +1,5 @@
import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
import type { OAuthClient } from "../../services/OAuthClient";
import { normalizeInstanceUrl } from "../utils/account";
import { createOauthState, loadRegisteredApp, saveRegisteredApp, storePendingOAuth } from "../utils/oauth";
@@ -13,12 +14,13 @@ export const AccountAdd = ({
const [loading, setLoading] = useState(false);
const [showForm, setShowForm] = useState(false);
const { showToast } = useToast();
+ const { t } = useTranslation();
const handleSubmit = async (event: React.FormEvent) => {
event.preventDefault();
const normalizedUrl = normalizeInstanceUrl(instanceUrl);
if (!normalizedUrl) {
- showToast("서버 주소를 입력해주세요.", { tone: "error" });
+ showToast(t("errors.serverAddressRequired"), { tone: "error" });
return;
}
@@ -32,7 +34,7 @@ export const AccountAdd = ({
const needsRegister = !cached || cached.redirectUri !== redirectUri || cached.platform === "misskey";
const registered = needsRegister ? await oauth.registerApp(normalizedUrl, redirectUri) : cached;
if (!registered) {
- throw new Error("앱 등록 정보를 불러오지 못했습니다.");
+ throw new Error(t("errors.appRegistrationLoadFailed"));
}
if (needsRegister && registered.platform === "mastodon") {
saveRegisteredApp(registered);
@@ -42,7 +44,7 @@ export const AccountAdd = ({
const authorizeUrl = oauth.buildAuthorizeUrl(registered, state);
window.location.assign(authorizeUrl);
} catch (err) {
- showToast(err instanceof Error ? err.message : "OAuth 연결에 실패했습니다.", { tone: "error" });
+ showToast(err instanceof Error ? err.message : t("errors.oauthConnectFailed"), { tone: "error" });
} finally {
setLoading(false);
}
@@ -54,7 +56,7 @@ export const AccountAdd = ({
type="button"
className="account-add-button header button-with-icon"
onClick={() => setShowForm((prev) => !prev)}
- aria-label={showForm ? "계정 추가 닫기" : "계정 추가"}
+ aria-label={showForm ? t("accountAdd.closeAria") : t("accountAdd.openAria")}
aria-expanded={showForm}
>
{showForm ? (
@@ -68,26 +70,26 @@ export const AccountAdd = ({
diff --git a/src/ui/components/AccountLabel.tsx b/src/ui/components/AccountLabel.tsx
index 46eed39..18e02f6 100644
--- a/src/ui/components/AccountLabel.tsx
+++ b/src/ui/components/AccountLabel.tsx
@@ -1,4 +1,5 @@
import React from "react";
+import { useTranslation } from "react-i18next";
import type { CustomEmoji } from "../../domain/types";
export interface AccountLabelProps {
@@ -125,7 +126,8 @@ export const AccountLabel: React.FC = ({
textAsDiv = false,
boldName = false
}) => {
- const effectiveDisplayName = displayName || name || instanceUrl || "알 수 없음";
+ const { t } = useTranslation();
+ const effectiveDisplayName = displayName || name || instanceUrl || t("accountLabel.unknown");
const isInteractive = !!(onClick || accountUrl);
// 툴팁에 표시할 전체 텍스트 계산
diff --git a/src/ui/components/AccountSelector.tsx b/src/ui/components/AccountSelector.tsx
index 90052d2..d81027a 100644
--- a/src/ui/components/AccountSelector.tsx
+++ b/src/ui/components/AccountSelector.tsx
@@ -1,4 +1,5 @@
import React, { useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
import type { Account } from "../../domain/types";
import type { Ref } from "react";
import { formatHandle } from "../utils/account";
@@ -27,6 +28,7 @@ export const AccountSelector = ({
const detailsRef = useRef(null);
const dropdownRef = useRef(null);
const selectionChangeRef = useRef(false);
+ const { t } = useTranslation();
useClickOutside(dropdownRef, dropdownOpen, () => setDropdownOpen(false));
@@ -123,7 +125,7 @@ export const AccountSelector = ({
{activeAccount ? (
diff --git a/src/ui/components/ComposeBox.tsx b/src/ui/components/ComposeBox.tsx
index 67e947c..873e4fb 100644
--- a/src/ui/components/ComposeBox.tsx
+++ b/src/ui/components/ComposeBox.tsx
@@ -1,4 +1,5 @@
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
import type { Account, Visibility } from "../../domain/types";
import type { MastodonApi } from "../../services/MastodonApi";
import { useEmojiManager, type EmojiItem } from "../hooks/useEmojiManager";
@@ -24,13 +25,6 @@ const parseVisibility = (value: string | null): Visibility | null => {
const getVisibilityStorageKey = (accountId: string | null | undefined) =>
accountId ? `${VISIBILITY_KEY_PREFIX}.${accountId}` : VISIBILITY_KEY_PREFIX;
-const visibilityOptions: { value: Visibility; label: string }[] = [
- { value: "public", label: "전체 공개" },
- { value: "unlisted", label: "미등록" },
- { value: "private", label: "팔로워" },
- { value: "direct", label: "DM" }
-];
-
const ZERO_WIDTH_SPACE = "\u200b";
export const ComposeBox = ({
@@ -56,6 +50,7 @@ export const ComposeBox = ({
account: Account | null;
api: MastodonApi;
}) => {
+ const { t } = useTranslation();
const [text, setText] = useState("");
const [emojiQuery, setEmojiQuery] = useState<{
value: string;
@@ -105,6 +100,16 @@ export const ComposeBox = ({
const { showToast } = useToast();
const lastEmojiErrorRef = useRef
-
모바일 환경에서는 사용이 불가능합니다 🙇♂️
+{t("app.mobileBlocker.title")}
- 멀티 컬럼 인터페이스 특성상 모바일 지원이 제한됩니다. 데스크톱 또는 태블릿에서 이용해 주세요. + {t("app.mobileBlocker.description")}
- 
+
Deck
-오픈소스 페디버스 웹 클라이언트
+{t("app.tagline")}
- 여러 계정을 전환하고 타임라인을 실시간으로 확인할 수 있습니다. + {t("app.sidebarDescription")}
OAuth 인증 중...
: null} + {oauthLoading ?{t("oauth.authenticating")}
: null} {route === "home" ? (
-
🎯 집중 세션 진행 중
-뽀모도로 타이머가 동작 중입니다.
타임라인은 집중이 끝날 때까지 숨겨집니다.
{t("pomodoro.focusSession.title")}
+
+
-
) : null}
OAuth 승인 후 자동으로 돌아옵니다.
+{t("accountAdd.oauthRedirectHint")}
- 답글 대상: {replyingTo.summary}
+ {t("compose.replyingTo", { summary: replyingTo.summary })}
) : null}
@@ -865,8 +872,8 @@ export const ComposeBox = ({
type="text"
value={cwText}
onChange={(event) => setCwText(event.target.value)}
- placeholder="CW 내용을 입력하세요"
- aria-label="콘텐츠 경고"
+ placeholder={t("compose.cw.placeholder")}
+ aria-label={t("compose.cw.aria")}
disabled={isSubmitting}
/>
+
@@ -1080,45 +1087,45 @@ export const ComposeBox = ({
{emojiSuggestions.map((emoji, index) => {
const isActive = index === emojiSuggestionIndex;
const label = emoji.shortcode ? `:${emoji.shortcode}:` : emoji.label;
@@ -943,7 +950,7 @@ export const ComposeBox = ({
className={`compose-emoji-suggestion${isActive ? " is-active" : ""}`}
role="option"
aria-selected={isActive}
- aria-label={`이모지 ${label}`}
+ aria-label={t("compose.emojiSuggestions.itemAria", { label })}
onMouseDown={(event) => event.preventDefault()}
onClick={() => handleEmojiSuggestionSelect(emoji)}
>
@@ -972,17 +979,17 @@ export const ComposeBox = ({
resetImageZoom();
setActiveImageId(item.id);
}}
- aria-label="이미지 미리보기"
+ aria-label={t("compose.attachments.previewAria")}
>
- 
+
))}
{/* 이미지 추가 버튼 */}
{visibilityState.visibility === "public" ? (
- 전체 공개로 게시됩니다. 민감한 내용은 주의해주세요. + {t("compose.visibility.publicWarning")}
) : null}
@@ -1021,7 +1028,7 @@ export const ComposeBox = ({
value={visibilityState.visibility}
onChange={(event) => setVisibilityState(prev => ({ ...prev, visibility: event.target.value as Visibility }))}
disabled={isSubmitting}
- title="공개 범위 (Ctrl+Shift+O)"
+ title={t("compose.visibility.hint")}
>
{visibilityOptions.map((option) => (
- {!account ?
) : (
- 계정을 선택해주세요.
: null} + {!account ?{t("compose.emojiPanel.selectAccount")}
: null} {account ? (
setEmojiSearchQuery(event.target.value)}
- placeholder="이모지 검색"
- aria-label="이모지 검색"
+ placeholder={t("compose.emojiPanel.searchPlaceholder")}
+ aria-label={t("compose.emojiPanel.searchAria")}
disabled={emojiStatus === "loading"}
/>
) : null}
{account && emojiStatus === "loading" ? (
- 이모지를 불러오는 중...
+{t("compose.emojiPanel.loading")}
) : null} {account && emojiStatus === "error" ? (
-
) : null}
{account && emojiCategories.length === 0 ? (
- {emojiError ?? "이모지를 불러오지 못했습니다."}
+{emojiError ?? t("errors.emojisLoadFailed")}
사용할 수 있는 이모지가 없습니다.
+{t("compose.emojiPanel.empty")}
) : null} {account && emojiCategories.length > 0 ? ( <> {hasEmojiSearch ? (
- 검색 결과
+ {t("compose.emojiPanel.searchResults")}
{emojiSearchResults.length}
{emojiSearchResults.length > 0 ? (
@@ -1129,7 +1136,7 @@ export const ComposeBox = ({
type="button"
className="compose-emoji-button"
onClick={() => handleEmojiSelect(emoji)}
- aria-label={`이모지 ${emoji.label}`}
+ aria-label={t("compose.emojiPanel.emojiAria", { label: emoji.label })}
title={emoji.shortcode ? `:${emoji.shortcode}:` : undefined}
data-emoji-nav="emoji"
data-emoji-id={emoji.id}
@@ -1145,7 +1152,7 @@ export const ComposeBox = ({
))}
검색 결과가 없습니다.
+{t("compose.emojiPanel.noSearchResults")}
)} ) : null} @@ -1175,7 +1182,7 @@ export const ComposeBox = ({ type="button" className="compose-emoji-button" onClick={() => handleEmojiSelect(emoji)} - aria-label={`이모지 ${emoji.label}`} + aria-label={t("compose.emojiPanel.emojiAria", { label: emoji.label })} title={emoji.shortcode ? `:${emoji.shortcode}:` : undefined} data-emoji-nav="emoji" data-emoji-id={emoji.id} @@ -1215,14 +1222,14 @@ export const ComposeBox = ({ {category.emojis.map((emoji) => (