From 7dad659cd7699796093517837c7ea9e89c288700 Mon Sep 17 00:00:00 2001
From: MrQuackDuck <mrquackduckk@gmail.com>
Date: Mon, 30 Dec 2024 14:18:33 +0200
Subject: [PATCH] fix: correct display of translated key

---
 src/features/send-message/ui/ReplySection.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/features/send-message/ui/ReplySection.tsx b/src/features/send-message/ui/ReplySection.tsx
index 987f38c..42ae95f 100644
--- a/src/features/send-message/ui/ReplySection.tsx
+++ b/src/features/send-message/ui/ReplySection.tsx
@@ -2,7 +2,7 @@ import { CornerUpRightIcon, XCircleIcon } from "lucide-react";
 
 import { MessageModel } from "@/entities/Message";
 import { UserModel, Username } from "@/entities/User";
-import { cn, decryptString } from "@/shared/lib";
+import { cn, decryptString, useTranslation } from "@/shared/lib";
 
 function ReplySection({
   message,
@@ -19,6 +19,7 @@ function ReplySection({
   decryptionKey: string;
   onClicked: () => any;
 }) {
+  const t = useTranslation();
   const decryptedMessage = decryptString(message?.content ?? "", decryptionKey);
 
   return (
@@ -31,7 +32,7 @@ function ReplySection({
         <span className="overflow-hidden text-ellipsis whitespace-nowrap">
           <span className="block flex-row overflow-hidden text-ellipsis whitespace-nowrap mr-1">
             {decryptedMessage}
-            {decryptedMessage === undefined && <span className="text-destructive">{<>t("COULD_NOT_DECRYPT")</>}</span>}
+            {decryptedMessage === undefined && <span className="text-destructive">{t("COULD_NOT_DECRYPT")}</span>}
           </span>
           <div className="flex flex-row gap-1">
             {message?.attachments.map((attachment) => (