Credential detail view on title click

Vaultilo · Jan 30, 2020 · e9e353c · e9e353c
1 parent edcf4b2
commit e9e353c
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 76 deletions.
diff --git a/src/components/CryptoForms/Ethereum.js b/src/components/CryptoForms/Ethereum.js
@@ -284,7 +284,7 @@ export default function Ethereum(props) {
               onClick={() => setPrivateVisible(!privateVisible)}
             >
               {privateVisible ? (
-                <i class="fa fa-eye-slash" aria-hidden="true" />
+                <i className="fa fa-eye-slash" aria-hidden="true" />
               ) : (
                 <i className="fa fa-eye" aria-hidden="true" />
               )}

diff --git a/src/components/Extension/List Views/ExtCryptoShow.js b/src/components/Extension/List Views/ExtCryptoShow.js
@@ -69,6 +69,13 @@ function ExtCryptoShow(props) {
                 {filteredItems.map(item => {
                   const { id, walletName, timeStamp } = item;
                   return (
+                    <Link to={{
+                      pathname: '/extension/crypto/view',
+                      state: {
+                        id: id
+                      }
+                    }}
+                    style={{textDecoration:"none"}}>
                     <div className="item d-flex justify-content-start position-relative" key={id}>
                       <div className="item-img">
                         <img src={`/images/${type.label}-small.svg`} />
@@ -79,14 +86,10 @@ function ExtCryptoShow(props) {
                       </div>
                       {/* btn to view */}
                       <div className="view-details">
-                        <Link to={{
-                          pathname: '/extension/crypto/view',
-                          state: {
-                            id: id
-                          }
-                        }}><i className="icon-eye"/></Link>
+                        <i className="icon-eye"/>
                       </div>
                     </div>
+                    </Link>
                   );
                 })}
               </div>

diff --git a/src/components/Extension/List Views/ExtNoteShow.js b/src/components/Extension/List Views/ExtNoteShow.js
@@ -1,58 +1,51 @@
-import React, {Card} from "react";
+import React, { Card } from "react";
 import "../../Sidebar.css";
-import {Link } from 'react-router-dom';
+import { Link } from "react-router-dom";
 import Footer from "../Footer";
 export default function ExNoteShow(props) {
   const notes = props.notes;
   return (
-
-      <div className="extension-container">
-          <div className="list-header">
-              <Link to="/extension/view">
+    <div className="extension-container">
+      <div className="list-header">
+        <Link to="/extension/view">
           <span className="nav-icon nav-back">
             <i className="fa fa-angle-left"></i>
           </span>
-              </Link>
-              <div className="title">Notes</div>
-          </div>
-          <div className="ext-content">
-              <div className="title">
-                 Notes
-              </div>
-              <div className="content-list">
-
-                  {
-                      notes.map(item => {
-                          const {
-                              id,
-                              noteInput,
-                              noteTitle
-                          } = item;
-                          return (
-                              <div className="item d-flex justify-content-start" key={id}>
-                                  <div className="item-img">
-                                      <i className="icon-note" />
-                                  </div>
-                                  <div className="item-detail">
-                                      <div className="text">{noteTitle}</div>
-
-                                  </div>
-                                  <div className="view-details">
-                        <Link to={{
-                          pathname: '/extension/notes/view',
-                          state: {
-                            id: id
-                          }
-                        }}><i className="icon-eye"/></Link>
-                      </div>
-                              </div>
-                          )
-                      })
+        </Link>
+        <div className="title">Notes</div>
+      </div>
+      <div className="ext-content">
+
+        <div className="content-list">
+          {notes.map(item => {
+            const { id, noteInput, noteTitle } = item;
+            return (
+              <Link
+                to={{
+                  pathname: "/extension/notes/view",
+                  state: {
+                    id: id
                   }
-              </div>
-          </div>
-        <Footer />
+                }}
+                style={{ textDecoration: "none" }}
+              >
+                <div className="item d-flex justify-content-start" key={id}>
+                  <div className="item-img">
+                    <i className="icon-note" />
+                  </div>
+                  <div className="item-detail">
+                    <div className="text">{noteTitle}</div>
+                  </div>
+                  <div className="view-details">
+                    <i className="icon-eye" />
+                  </div>
+                </div>
+              </Link>
+            );
+          })}
+        </div>
       </div>
+      <Footer />
+    </div>
   );
 }
-
diff --git a/src/components/Extension/List Views/ExtPwShow.js b/src/components/Extension/List Views/ExtPwShow.js
@@ -16,19 +16,20 @@ export default function ExPwShow(props) {
         <div className="title">Passwords</div>
       </div>
       <div className="ext-content">
-        <div className="title">
-          Password
-        </div>
+
         <div className="content-list">
-
-          {
-            passwords.map(item => {
-              const {
-                id,
-                domainName,
-                domainAddress
-              } = item;
-              return (
+          {passwords.map(item => {
+            const { id, domainName, domainAddress } = item;
+            return (
+              <Link
+                to={{
+                  pathname: "/extension/password/view",
+                  state: {
+                    id: id
+                  }
+                }}
+                style={{ textDecoration: "none" }}
+              >
                 <div className="item d-flex justify-content-start" key={id}>
                   <div className="item-img">
                     <i className="icon-password" />
@@ -38,17 +39,12 @@ export default function ExPwShow(props) {
                     <div className="sub-text">{domainAddress}</div>
                   </div>
                   <div className="view-details">
-                        <Link to={{
-                          pathname: '/extension/password/view',
-                          state: {
-                            id: id
-                          }
-                        }}><i className="icon-eye"/></Link>
-                      </div>
+                    <i className="icon-eye" />
+                  </div>
                 </div>
-              )
-            })
-          }
+              </Link>
+            );
+          })}
         </div>
       </div>
       <Footer />

diff --git a/src/components/Extension/List Views/Extension.js b/src/components/Extension/List Views/Extension.js
@@ -57,7 +57,7 @@ export default function Extension(props) {
         >
           <div className="link-item note">
             <i className="icon-note" />
-            <span className="nav-title">Note</span>
+            <span className="nav-title">Notes</span>
 
             <span className="nav-icon nav-right-angle">
               <i className="fa fa-angle-right"></i>