Merge pull request #1532 from ecency/bugfix/different-bugfixes

Bugfix/different bugfixes

src/common/app.tsx

@@ -36,7 +36,6 @@ import { UIManager } from "@ui/core";
 import defaults from "./constants/defaults.json";
 import { getAccessToken } from "./helper/user-token";
 
-
 // Define lazy pages
 const ProfileContainer = loadable(() => import("./pages/profile-functional"));
 const ProfilePage = (props: any) => <ProfileContainer {...props} />;

src/common/components/login/index.tsx

@@ -161,7 +161,7 @@ export class LoginKc extends BaseComponent<LoginKcProps, LoginKcState> {
 
     return (
       <>
-        <div className="dialog-header">
+        <div className="dialog-header flex flex-col items-center justify-center">
           <img src={keyChainLogo} alt="Logo" />
           <h2>{_t("login.with-keychain")}</h2>
         </div>
@@ -182,13 +182,15 @@ export class LoginKc extends BaseComponent<LoginKcProps, LoginKcState> {
               onKeyDown={this.inputKeyDown}
             />
           </div>
-          <Button disabled={inProgress} className="block" onClick={this.login}>
-            {inProgress && spinner}
-            {_t("g.login")}
-          </Button>
-          <Button outline={true} className="block" disabled={inProgress} onClick={this.back}>
-            {_t("g.back")}
-          </Button>
+          <div className="flex items-center justify-center gap-4">
+            <Button disabled={inProgress} className="block" onClick={this.login}>
+              {inProgress && spinner}
+              {_t("g.login")}
+            </Button>
+            <Button outline={true} className="block" disabled={inProgress} onClick={this.back}>
+              {_t("g.back")}
+            </Button>
+          </div>
         </Form>
       </>
     );

src/common/components/rc-delegations-list/index.tsx

@@ -210,16 +210,7 @@ export const ConfirmDelete = (props: any) => {
   const { to, activeUser, hideConfirmDelete } = props;
   return (
     <>
-      <div
-        className="container"
-        style={{
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          width: "25%",
-          flexDirection: "column"
-        }}
-      >
+      <div className="container">
         <h5 className="text" style={{ width: "350px", alignSelf: "center" }}>
           {_t("rc-info.confirm-delete")}
         </h5>

src/common/components/rc-info/index.tsx

@@ -316,7 +316,7 @@ export const ResourceCreditsInfo = (props: any) => {
           <ModalHeader thin={true} closeButton={true}>
             <ModalTitle />
           </ModalHeader>
-          <ModalBody>
+          <ModalBody className="border rounded-2xl">
             <ConfirmDelete
               activeUser={activeUser}
               to={toFromList}

src/common/features/chats/components/chat-input.tsx

@@ -88,10 +88,10 @@ export default function ChatInput({ currentChannel, currentContact }: Props) {
   }, [isCommunity, isCurrentUser]);
 
   const submit = async () => {
-    if (isDisabled || isSendMessageLoading || isFilesUploading || !message) {
+    const nextMessage = buildImages(message);
+    if (isDisabled || isSendMessageLoading || isFilesUploading || !nextMessage) {
       return;
     }
-    const nextMessage = buildImages(message);
     await sendMessage(nextMessage);
     setFiles([]);
     setUploadedFileLinks([]);