@@ -4,15 +4,15 @@ import useIpfs from './hooks/use-ipfs.js'
44import logo from './ipfs-logo.svg'
55
66const App = ( ) => {
7- const { ipfs, ipfsInitError } = useIpfsFactory ( { commands : [ 'id' ] } )
7+ const { ipfs, ipfsInitError } = useIpfsFactory ( { commands : [ 'id' ] } )
88 const id = useIpfs ( ipfs , 'id' )
99 return (
1010 < 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' />
1414 </ 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 >
1616 </ header >
1717 < main >
1818 { ipfsInitError && (
@@ -26,20 +26,20 @@ const App = () => {
2626 )
2727}
2828
29- const Title = ( { children} ) => {
29+ const Title = ( { children } ) => {
3030 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 >
3232 )
3333}
3434
3535const IpfsId = ( props ) => {
36- if ( ! props ) return null
36+ if ( ! props ) return null
3737 return (
3838 < section className = 'bg-snow mw7 center mt5' >
3939 < h1 className = 'f3 fw4 ma0 pv3 aqua montserrat tc' > Connected to IPFS</ h1 >
4040 < div className = 'pa4' >
4141 { [ 'id' , 'agentVersion' ] . map ( ( key ) => (
42- < div className = " mb4" key = { key } >
42+ < div className = ' mb4' key = { key } >
4343 < Title > { key } </ Title >
4444 < div className = 'bg-white pa2 br2 truncate monospace' > { props [ key ] } </ div >
4545 </ div >
0 commit comments