40 lines
977 B
TypeScript
40 lines
977 B
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
// import { type Helia, createHelia } from 'helia';
|
||
|
|
// import React, { useState, useEffect } from 'react';
|
||
|
|
|
||
|
|
// export default function Ipfs () {
|
||
|
|
// const [id, setId] = useState<string|null>(null)
|
||
|
|
// const [helia, setHelia] = useState<Helia|null>(null)
|
||
|
|
// const [isOnline, setIsOnline] = useState(false)
|
||
|
|
|
||
|
|
// useEffect(() => {
|
||
|
|
// const init = async () => {
|
||
|
|
// if (helia) return
|
||
|
|
|
||
|
|
// const heliaNode = await createHelia();
|
||
|
|
|
||
|
|
// const nodeId = heliaNode.libp2p.peerId.toString();
|
||
|
|
// const nodeIsOnline = heliaNode.libp2p.isStarted();
|
||
|
|
|
||
|
|
// setHelia(heliaNode);
|
||
|
|
// setId(nodeId);
|
||
|
|
// setIsOnline(nodeIsOnline);
|
||
|
|
// }
|
||
|
|
|
||
|
|
// init()
|
||
|
|
// }, [helia])
|
||
|
|
|
||
|
|
// if (!helia || !id) {
|
||
|
|
// return <h4>Connecting to IPFS...</h4>
|
||
|
|
// }
|
||
|
|
|
||
|
|
// return (
|
||
|
|
// <div>
|
||
|
|
// <h4 data-test="id">ID: {id.toString()}</h4>
|
||
|
|
// <h4 data-test="status">Status: {isOnline ? 'Online' : 'Offline'}</h4>
|
||
|
|
// </div>
|
||
|
|
// )
|
||
|
|
// }
|
||
|
|
|