no bg

adamsyy · adamsyy · commit 65f7e408bad6 · 2021-11-27T22:38:37.000+05:30
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
   "author": "Dapp University",
   "homepage": ".",
   "dependencies": {
+    "@geist-ui/react": "^2.2.0",
     "@truffle/hdwallet-provider": "^1.1.0",
     "babel-polyfill": "6.26.0",
     "babel-preset-env": "1.7.0",
@@ -20,6 +21,7 @@
     "identicon.js": "^2.3.3",
     "ipfs-http-client": "^33.1.1",
     "moment": "^2.29.1",
+    "qrcode.react": "^1.0.1",
     "react": "^16.14.0",
     "react-bootstrap": "^1.3.0",
     "react-dom": "^16.13.1",
diff --git a/public/index.html b/public/index.html
@@ -14,9 +14,11 @@
     <title>Hox</title>
   </head>
   <body style="
-     background-image:    url('https://bafybeici3fcomovm5z6htnjvvknsy65dbn6w56vzyelfblheuvhcz6hmau.ipfs.infura-ipfs.io/');
-    background-size:     cover;                  
-    background-repeat:   no-repeat;
+    background-image:    url('https://wallpaperaccess.com/full/4785394.jpg');
+    background-size:     auto;         
+    background-position: center;         
+    background-repeat:   no-repeat; 
+  
    
   " >
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/abis/DStorage.json b/src/abis/DStorage.json
@@ -4563,8 +4563,8 @@
     "1337": {
       "events": {},
       "links": {},
-      "address": "0x2130807ad77F5e8A7a1A042719bfcd46FcC6AFEB",
-      "transactionHash": "0x6d78a1f4e1f0bd87f19ae738b0197213224a05f4f9f5c7ea3a67651f67f044cd"
+      "address": "0xF14CB91e88f9b61DdB7d0C5451eEA9531Bb1C193",
+      "transactionHash": "0xca69090f8bafc945e8d14aa35931de43edf35c3cf6d5c1efaf7713fcdfd923ce"
     },
     "1603890166397": {
       "events": {
@@ -5052,7 +5052,7 @@
     }
   },
   "schemaVersion": "3.4.3",
-  "updatedAt": "2021-11-27T12:40:15.289Z",
+  "updatedAt": "2021-11-27T13:56:28.775Z",
   "networkType": "ethereum",
   "devdoc": {
     "methods": {}
diff --git a/src/abis/Migrations.json b/src/abis/Migrations.json
@@ -1475,8 +1475,8 @@
     "1337": {
       "events": {},
       "links": {},
-      "address": "0xF3c17CBB6aFF08d3564816005C354bdC3D3cb8E6",
-      "transactionHash": "0x803f45ea87c092f639b96323f193be95a69cbef4f9a6d028bb46d829d96ce5de"
+      "address": "0xCFDc89B04b4c6e94AE6A82C121167b007A59e0f1",
+      "transactionHash": "0x5e55826eafccdb536bbc08baf4fd6b6ce9ad2ffb7db8463b5089718e23a949c1"
     },
     "1603890166397": {
       "events": {},
@@ -1528,7 +1528,7 @@
     }
   },
   "schemaVersion": "3.4.3",
-  "updatedAt": "2021-11-27T12:40:15.292Z",
+  "updatedAt": "2021-11-27T13:56:28.779Z",
   "networkType": "ethereum",
   "devdoc": {
     "methods": {}
diff --git a/src/components/App.js b/src/components/App.js
@@ -127,6 +127,11 @@ class App extends Component {
               uploadFile={this.uploadFile}
             />
         }
+       <div class="adam1">
+         
+        
+         
+       </div>
       </div>
     );
   }
diff --git a/src/components/Main.css b/src/components/Main.css
@@ -0,0 +1,26 @@
+#onee{
+    background:rgba(0,0,0,0);
+}   
+
+input{
+margin-bottom: 20px;
+
+}
+input[type=text]{
+    width: 100%;
+    padding: 12px 20px;
+    margin: 8px 0;
+    box-sizing: border-box;
+    border: none;
+    border-bottom: 2px solid #ccc;
+    background-color: #f1f1f1;
+}
+input[type=text]:focus{
+    background-color: rgb(24, 24, 23);
+    outline: none;
+
+
+}
+td{
+    color: white;
+}
diff --git a/src/components/Main.js b/src/components/Main.js
@@ -2,6 +2,9 @@ import React, { Component } from 'react';
 import { convertBytes } from './helpers';
 import moment from 'moment'
 
+import './Main.css';
+
+
 class Main extends Component {
 
   render() {
@@ -11,8 +14,9 @@ class Main extends Component {
           <main role="main" className="col-lg-12 ml-auto mr-auto" style={{ maxWidth: '1024px' }}>
             <div className="content">
               <p>&nbsp;</p>
-              <div className="card mb-3 mx-auto bg-dark" style={{ maxWidth: '512px' }}>
-                <h2 className="text-white text-monospace bg-dark"><b>Hox it today!</b></h2>
+              <div  className="card mb-3 mx-auto "  id="onee" style={{ maxWidth: '512px'}} >
+                <h2 className="text-black text-monospace" ><b><span style={{color:'red'}}>Hox</span> <span style={{color:'rd'}}>it</span> <span style={{color:' '}}>today!</span></b></h2>
+                <br></br>
                   <form onSubmit={(event) => {
                     event.preventDefault()
                     const description = this.fileDescription.value
@@ -28,8 +32,11 @@ class Main extends Component {
                             placeholder="description..."
                             required />
                       </div>
-                    <input type="file" onChange={this.props.captureFile} className="text-white text-monospace"/>
-                    <button type="submit" className="btn-primary btn-block"><b>Upload!</b></button>
+                    <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>
+                    
+
                   </form>
               </div>
               <p>&nbsp;</p>
@@ -44,6 +51,8 @@ class Main extends Component {
                     <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>
                 </thead>
                 { this.props.files.map((file, key) => {
@@ -64,13 +73,26 @@ class Main extends Component {
                             {file.uploader.substring(0,10)}...
                           </a>
                          </td>
-                        <td>
+                         
+                         <td>
                           <a
-                            href={"https://ipfs.infura.io/ipfs/" + file.fileHash}
+                            href={"https://etherscan.io/address/" + file.uploader}
                             rel="noopener noreferrer"
                             target="_blank">
-                            {file.fileHash.substring(0,10)}...
+                            {file.uploader.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}
+                            >
+                      
+                          </img>
+                        </td>
+                        <td>
+                        <a href={"whatsapp://send?text=https://ipfs.infura.io/ipfs/" + file.fileHash} data-action="share/whatsapp/share"> <img src="https://cdn-icons.flaticon.com/png/512/3670/premium/3670051.png?token=exp=1638032014~hmac=1458dfcedc3ab96e295096e579e6956a" height="20" width="20"></img> </a>
+                        
+                        <a href={"http://www.twitter.com/share?url=https://ipfs.infura.io/ipfs/" + file.fileHash} data-action="share/whatsapp/share"> <img src="http://assets.stickpng.com/images/580b57fcd9996e24bc43c53e.png" height="20" width="20"></img> </a>
                         </td>
                       </tr>
                     </thead>

Original file line number	Diff line number	Diff line change
`@@ -127,6 +127,11 @@ class App extends Component {`
`127`	`127`	`uploadFile={this.uploadFile}`
`128`	`128`	`/>`
`129`	`129`	`}`
	`130`	`+ <div class="adam1">`
	`131`	`+`
	`132`	`+`
	`133`	`+`
	`134`	`+ </div>`
`130`	`135`	`</div>`
`131`	`136`	`);`
`132`	`137`	`}`