cleaned up code and align file viewer from wallet

Itheum · Jun 1, 2023 · 5407123 · 5407123
1 parent 33ec7e1
commit 5407123
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 19 deletions.
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -12,10 +12,7 @@ const HomePage = () => {
           <h2 className="mt-5 text-left">App Marketplace</h2>
 
           <div className="row mt-3">
-            <div
-              className="col-12 col-md-6 col-lg-4 mb-3 d-flex justify-content-center"
-              key={`o-c-d`}
-            >
+            <div className="col-12 col-md-6 col-lg-4 mb-3 d-flex justify-content-center">
               <div
                 className="card shadow-sm border-0"
                 style={{ backgroundColor: "#f6f8fa" }}
@@ -42,10 +39,7 @@ const HomePage = () => {
               </div>
             </div>
 
-            <div
-              className="col-12 col-md-6 col-lg-4 mb-3 d-flex justify-content-center"
-              key={`o-c-d`}
-            >
+            <div className="col-12 col-md-6 col-lg-4 mb-3 d-flex justify-content-center">
               <div
                 className="card shadow-sm border-0"
                 style={{ backgroundColor: "#f6f8fa" }}
@@ -72,10 +66,7 @@ const HomePage = () => {
               </div>
             </div>
 
-            <div
-              className="col-12 col-md-6 col-lg-4 mb-3 d-flex justify-content-center"
-              key={`o-c-d`}
-            >
+            <div className="col-12 col-md-6 col-lg-4 mb-3 d-flex justify-content-center">
               <div
                 className="card shadow-sm border-0"
                 style={{ backgroundColor: "#f6f8fa" }}

diff --git a/src/pages/MyWallet.tsx b/src/pages/MyWallet.tsx
@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from "react";
+import { DataNft } from "@itheum/sdk-mx-data-nft";
 import { SignableMessage } from "@multiversx/sdk-core/out";
 import { signMessage } from "@multiversx/sdk-dapp/utils/account";
-import { ModalBody, ModalTitle } from "react-bootstrap";
+import { ModalBody } from "react-bootstrap";
 import ModalHeader from "react-bootstrap/esm/ModalHeader";
 import { IoClose } from "react-icons/io5";
 import Modal from "react-modal";
@@ -11,7 +12,6 @@ import {
   useGetNetworkConfig,
   useGetPendingTransactions,
 } from "hooks";
-import { DataNft } from "@itheum/sdk-mx-data-nft";
 import { toastError } from "libs/utils";
 
 const customStyles = {
@@ -220,7 +220,7 @@ export const MyWallet = () => {
         </div>
         <ModalHeader>
           <h4 className="text-center font-title font-weight-bold">
-            Data Marshal Response
+            File Viewer
           </h4>
         </ModalHeader>
         <ModalBody>
@@ -229,7 +229,7 @@ export const MyWallet = () => {
               className="d-flex flex-column align-items-center justify-content-center"
               style={{
                 minWidth: "24rem",
-                maxWidth: "50vw",
+                maxWidth: "100% !important",
                 minHeight: "40rem",
                 maxHeight: "80vh",
               }}
@@ -239,12 +239,11 @@ export const MyWallet = () => {
           ) : (
             <div
               style={{
-                minWidth: "22rem",
-                maxWidth: "50vw",
+                minWidth: "26rem",
+                maxWidth: "100%",
                 minHeight: "36rem",
                 maxHeight: "60vh",
                 overflowY: "auto",
-                backgroundColor: "#f6f8fa",
               }}
             >
               <p