chore: linting

tlsnotary · Jul 22, 2024 · 054ff86 · 054ff86
1 parent 01899b3
commit 054ff86
Showing 1 changed file with 44 additions and 44 deletions.
diff --git a/src/entries/Popup/Popup.tsx b/src/entries/Popup/Popup.tsx
@@ -172,51 +172,51 @@ const ConnectionDetails = (props: {
 
   return (
     <Modal
-  onClose={() => props.setShowConnectionDetails(false)}
-  className="w-full max-w-lg mx-auto rounded-lg shadow-lg"
->
-  <ModalHeader className="w-full p-4 rounded-t-lg">
-    <div className="flex flex-row items-center justify-center gap-2">
-      {!!activeTab?.favIconUrl && (
-        <img
-          src={activeTab?.favIconUrl}
-          className="h-5 rounded-full"
-          alt="logo"
-        />
-      )}
-      <span className="text-lg font-semibold">{activeTabOrigin?.host}</span>
-    </div>
-  </ModalHeader>
-  <ModalContent className="w-full flex flex-row p-4">
-    <div className="flex flex-row gap-2 items-center">
-      {!!activeTab?.favIconUrl && (
-        <img
-          src={activeTab?.favIconUrl}
-          className="h-5 rounded-full"
-          alt="logo"
-        />
-      )}
-      <span className="text-gray-700">{activeTabOrigin?.host}</span>
-    </div>
-    <div className="w-full flex justify-end mt-4">
-      <button
-        className="px-2 py-2 bg-red-500 text-white font-bold rounded-lg disabled:opacity-50"
-        disabled={!connected}
-        onClick={() => handleDisconnect()}
-      >
-        Disconnect
-      </button>
-    </div>
-  </ModalContent>
-  <ModalFooter className="flex justify-end gap-2 p-4 rounded-b-lg">
-    <button
-      className="button"
-      onClick={() => props.setShowConnectionDetails(false)}
+      onClose={() => props.setShowConnectionDetails(false)}
+      className="w-full max-w-lg mx-auto rounded-lg shadow-lg"
     >
-      Exit
-    </button>
-  </ModalFooter>
-</Modal>
+      <ModalHeader className="w-full p-4 rounded-t-lg">
+        <div className="flex flex-row items-center justify-center gap-2">
+          {!!activeTab?.favIconUrl && (
+            <img
+              src={activeTab?.favIconUrl}
+              className="h-5 rounded-full"
+              alt="logo"
+            />
+          )}
+          <span className="text-lg font-semibold">{activeTabOrigin?.host}</span>
+        </div>
+      </ModalHeader>
+      <ModalContent className="w-full flex flex-row p-4">
+        <div className="flex flex-row gap-2 items-center">
+          {!!activeTab?.favIconUrl && (
+            <img
+              src={activeTab?.favIconUrl}
+              className="h-5 rounded-full"
+              alt="logo"
+            />
+          )}
+          <span className="text-gray-700">{activeTabOrigin?.host}</span>
+        </div>
+        <div className="w-full flex justify-end mt-4">
+          <button
+            className="px-2 py-2 bg-red-500 text-white font-bold rounded-lg disabled:opacity-50"
+            disabled={!connected}
+            onClick={() => handleDisconnect()}
+          >
+            Disconnect
+          </button>
+        </div>
+      </ModalContent>
+      <ModalFooter className="flex justify-end gap-2 p-4 rounded-b-lg">
+        <button
+          className="button"
+          onClick={() => props.setShowConnectionDetails(false)}
+        >
+          Exit
+        </button>
+      </ModalFooter>
+    </Modal>
   );
 };
 export default Popup;