2022-12-18 14:51:47 +00:00
|
|
|
import "./Root.css";
|
|
|
|
import { useSelector } from "react-redux";
|
2022-12-28 22:09:39 +00:00
|
|
|
import { useState } from "react";
|
|
|
|
import Timeline from "./Timeline";
|
|
|
|
import useEventPublisher from "./feed/EventPublisher";
|
2022-12-18 14:51:47 +00:00
|
|
|
|
|
|
|
export default function RootPage() {
|
2022-12-28 22:09:39 +00:00
|
|
|
const publisher = useEventPublisher();
|
2022-12-28 16:29:42 +00:00
|
|
|
const pubKey = useSelector(s => s.login.publicKey);
|
2022-12-28 22:09:39 +00:00
|
|
|
|
2022-12-28 16:29:42 +00:00
|
|
|
const [note, setNote] = useState("");
|
|
|
|
|
|
|
|
async function sendNote() {
|
2022-12-28 22:09:39 +00:00
|
|
|
let ev = await publisher.note(note);
|
2022-12-28 16:29:42 +00:00
|
|
|
|
|
|
|
console.debug("Sending note: ", ev);
|
2022-12-28 22:09:39 +00:00
|
|
|
publisher.broadcast(ev);
|
2022-12-28 16:29:42 +00:00
|
|
|
setNote("");
|
|
|
|
}
|
2022-12-18 14:51:47 +00:00
|
|
|
|
|
|
|
function noteSigner() {
|
|
|
|
return (
|
|
|
|
<div className="send-note">
|
2022-12-28 16:29:42 +00:00
|
|
|
<input type="text" placeholder="Sup?" value={note} onChange={(e) => setNote(e.target.value)}></input>
|
|
|
|
<div className="btn" onClick={() => sendNote()}>Send</div>
|
2022-12-18 14:51:47 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2022-12-28 16:29:42 +00:00
|
|
|
{pubKey ? noteSigner() : null}
|
2022-12-18 14:51:47 +00:00
|
|
|
<Timeline></Timeline>
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|