ui sett

adamsyy · adamsyy · commit 01c126db528e · 2021-11-27T23:46:06.000+05:30
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "dstorage",
+  "name": "csa",
   "version": "0.1.0",
   "description": "Decentralized File Storage",
-  "author": "Dapp University",
+  "author": "adamsy",
   "homepage": ".",
   "dependencies": {
     "@geist-ui/react": "^2.2.0",
diff --git a/public/index.html b/public/index.html
@@ -14,9 +14,11 @@
     <title>Hox</title>
   </head>
   <body style="
-    background-image:    url('https://wallpaperaccess.com/full/4785394.jpg');
-    background-size:     auto;         
-    background-position: center;         
+    background-image: url('https://wallpaperaccess.com/full/4785394.jpg');  
+      background-size:     cover;         
+      
+        background-position: center;
+      
     background-repeat:   no-repeat; 
   
    
diff --git a/src/components/Main.css b/src/components/Main.css
@@ -1,5 +1,6 @@
 #onee{
     background:rgba(0,0,0,0);
+    border: none;
 }   
 
 input{
@@ -12,7 +13,6 @@ input[type=text]{
     margin: 8px 0;
     box-sizing: border-box;
     border: none;
-    border-bottom: 2px solid #ccc;
     background-color: #f1f1f1;
 }
 input[type=text]:focus{
diff --git a/src/components/Main.js b/src/components/Main.js
@@ -23,6 +23,7 @@ class Main extends Component {
                     this.props.uploadFile(description)
                   }} >
                       <div className="form-group">
+  
                         <br></br>
                           <input
                             id="fileDescription"
@@ -33,7 +34,6 @@ class Main extends Component {
                             required />
                       </div>
                     <input type="file"  onChange={this.props.captureFile} className="text-white text-monospace"/>
-                    
                     <button type="submit"  style={{ color: "grey", background: "black"}}  className="btn-primary btn-block"><b>Upload!</b></button>
                     
 
@@ -43,14 +43,14 @@ class Main extends Component {
               <table className="table-sm table-bordered text-monospace" style={{ width: '1000px', maxHeight: '450px'}}>
                 <thead style={{ 'fontSize': '15px' }}>
                   <tr className="bg-dark text-white">
-                    <th scope="col" style={{ width: '10px'}}>id</th>
-                    <th scope="col" style={{ width: '200px'}}>name</th>
-                    <th scope="col" style={{ width: '230px'}}>description</th>
-                    <th scope="col" style={{ width: '120px'}}>type</th>
-                    <th scope="col" style={{ width: '90px'}}>size</th>
-                    <th scope="col" style={{ width: '90px'}}>date</th>
-                    <th scope="col" style={{ width: '120px'}}>uploader/view</th>
-                    <th scope="col" style={{ width: '120px'}}>hash/view/get</th>
+                    
+                    <th scope="col" style={{ width: '200px'}}>Name</th>
+                    <th scope="col" style={{ width: '230px'}}>Description</th>
+                    <th scope="col" style={{ width: '120px'}}>Type</th>
+                    <th scope="col" style={{ width: '90px'}}>Size</th>
+                    <th scope="col" style={{ width: '90px'}}>Date</th>
+                    <th scope="col" style={{ width: '120px'}}>Uploader/view</th>
+                    <th scope="col" style={{ width: '120px'}}>Hash/view/get</th>
                     <th scope="col" style={{ width: '120px'}}>Qr code</th>
                     <th scope="col" style={{ width: '120px'}}>Share!</th>
                   </tr>
@@ -59,7 +59,7 @@ class Main extends Component {
                   return(
                     <thead style={{ 'fontSize': '12px' }} key={key}>
                       <tr>
-                        <td>{file.fileId}</td>
+                        
                         <td>{file.fileName}</td>
                         <td>{file.fileDescription}</td>
                         <td>{file.fileType}</td>
@@ -76,15 +76,15 @@ class Main extends Component {
                          
                          <td>
                           <a
-                            href={"https://etherscan.io/address/" + file.uploader}
+                            href={"https://ipfs.infura.io/ipfs/" + file.fileHash}
                             rel="noopener noreferrer"
                             target="_blank">
-                            {file.uploader.substring(0,10)}...
+                            {file.fileHash.substring(0,10)}...
                           </a>
                          </td>
                         <td>
                           <img
-                            src={"https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://ipfs.infura.io/ipfs/" + file.fileHash}
+                            src={"https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=https://ipfs.infura.io/ipfs/"  + file.fileHash}
                             >
                       
                           </img>
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
@@ -0,0 +1,8 @@
+nav,a{
+
+    color: #eceff4 !important;
+    
+}
+#dpround{
+    border-radius: 50%;
+}
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import Identicon from 'identicon.js';
 import box from '../box.png'
+import './Navbar.css';
 
 class Navbar extends Component {
 
@@ -28,7 +29,7 @@ class Navbar extends Component {
               </a>
             </small>
             { this.props.account
-              ? <img
+              ? <img id="dpround"
                   alt=""
                   className='ml-2'
                   width='30'

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`#onee{`
`2`	`2`	`background:rgba(0,0,0,0);`
	`3`	`+ border: none;`
`3`	`4`	`}`
`4`	`5`
`5`	`6`	`input{`
`@@ -12,7 +13,6 @@ input[type=text]{`
`12`	`13`	`margin: 8px 0;`
`13`	`14`	`box-sizing: border-box;`
`14`	`15`	`border: none;`
`15`		`- border-bottom: 2px solid #ccc;`
`16`	`16`	`background-color: #f1f1f1;`
`17`	`17`	`}`
`18`	`18`	`input[type=text]:focus{`