@@ -4,15 +4,15 @@ import useIpfs from './hooks/use-ipfs.js'
4
4
import logo from './ipfs-logo.svg'
5
5
6
6
const App = ( ) => {
7
- const { ipfs, ipfsInitError } = useIpfsFactory ( { commands : [ 'id' ] } )
7
+ const { ipfs, ipfsInitError } = useIpfsFactory ( { commands : [ 'id' ] } )
8
8
const id = useIpfs ( ipfs , 'id' )
9
9
return (
10
10
< div className = 'sans-serif' >
11
- < header className = " flex items-center pa3 bg-navy bb bw3 b--aqua" >
12
- < a href = " https://ipfs.io" title = " home" >
13
- < img alt = " IPFS logo" src = { logo } style = { { height : 50 } } className = 'v-top' />
11
+ < header className = ' flex items-center pa3 bg-navy bb bw3 b--aqua' >
12
+ < a href = ' https://ipfs.io' title = ' home' >
13
+ < img alt = ' IPFS logo' src = { logo } style = { { height : 50 } } className = 'v-top' />
14
14
</ a >
15
- < h1 className = " flex-auto ma0 tr f3 fw2 montserrat aqua" > IPFS React</ h1 >
15
+ < h1 className = ' flex-auto ma0 tr f3 fw2 montserrat aqua' > IPFS React</ h1 >
16
16
</ header >
17
17
< main >
18
18
{ ipfsInitError && (
@@ -26,20 +26,20 @@ const App = () => {
26
26
)
27
27
}
28
28
29
- const Title = ( { children} ) => {
29
+ const Title = ( { children } ) => {
30
30
return (
31
- < h2 className = " f5 ma0 pb2 tracked aqua fw4 montserrat" > { children } </ h2 >
31
+ < h2 className = ' f5 ma0 pb2 tracked aqua fw4 montserrat' > { children } </ h2 >
32
32
)
33
33
}
34
34
35
35
const IpfsId = ( props ) => {
36
- if ( ! props ) return null
36
+ if ( ! props ) return null
37
37
return (
38
38
< section className = 'bg-snow mw7 center mt5' >
39
39
< h1 className = 'f3 fw4 ma0 pv3 aqua montserrat tc' > Connected to IPFS</ h1 >
40
40
< div className = 'pa4' >
41
41
{ [ 'id' , 'agentVersion' ] . map ( ( key ) => (
42
- < div className = " mb4" key = { key } >
42
+ < div className = ' mb4' key = { key } >
43
43
< Title > { key } </ Title >
44
44
< div className = 'bg-white pa2 br2 truncate monospace' > { props [ key ] } </ div >
45
45
</ div >
0 commit comments