feat: add typescript support to i18next

src/common/component/ChannelModal/index.tsx

@@ -100,7 +100,7 @@ const ChannelModal: FC<Props> = ({ personal = false, closeModal }) => {
               <input
                 value={input}
                 onChange={handleInputChange}
-                placeholder={t("search_user_placeholder") || ""}
+                placeholder={t("search_user_placeholder")}
               />
             </div>
             {users && (

src/common/component/InviteModal/InviteByEmail.tsx

@@ -97,7 +97,7 @@ const InviteByEmail: FC<Props> = ({ cid }) => {
             onChange={handleEmail}
             disabled={!enableSMTP}
             type="email"
-            placeholder={enableSMTP ? "Enter Email" : t("enable_smtp") || ""}
+            placeholder={enableSMTP ? "Enter Email" : t("enable_smtp")}
           />
           <Button disabled={!enableSMTP || !email} className="send">
             {t("action.send", { ns: "common" })}

src/common/component/LeaveChannel/LeaveConfirmModal.tsx

@@ -30,11 +30,11 @@ const LeaveConfirmModal: FC<Props> = ({ id, closeModal, handleNextStep }) => {
     <Modal id="modal-modal">
       <StyledModal
         className="compact"
-        title={t("channel.leave") || ""}
+        title={t("channel.leave")}
         description={
           isOwner
-            ? t("channel.transfer_desc") || ""
-            : t("channel.leave_desc") || ""
+            ? t("channel.transfer_desc")
+            : t("channel.leave_desc")
         }
         buttons={
           <>

src/common/component/Message/PinMessageModal.tsx

@@ -60,7 +60,7 @@ const PinMessageModal: FC<Props> = ({ closeModal, mid = 0, gid = 0 }) => {
             </Button>
           </>
         }
-        title={t("action.pin") || ""}
+        title={t("action.pin")}
         description={`Do you want to pin this message to #${channel?.name}`}
       >
         <PreviewMessage mid={mid} />

src/common/component/UsersModal.tsx

@@ -70,7 +70,7 @@ const UsersModal: FC<Props> = ({ closeModal }) => {
     <Modal>
       <StyledWrapper ref={wrapperRef}>
         <div className="search">
-          <input value={input} onChange={handleSearch} placeholder={t("search_user_placeholder") || ""} />
+          <input value={input} onChange={handleSearch} placeholder={t("search_user_placeholder")} />
         </div>
         {users && (
           <ul className="users">