+ if (status === "authenticated") {
+ fetchGitHubData();
+ }
+ }, [status, session]);
+
+ let loggedIn = true;
+
+ return (
+ <>
+ {loggedIn ? (
+
+
+
+
+
+
+
+ {username}
+
+ {bio}
+
-
-
- {/* */}
-
-
-
-
+
+
-
- ):
-
- (
-
-
Log in to view profile
+
+
+
+
+
+
+
+
+
+ {" "}
+
+
+
- )}
-
- )
-}
+
+
+ ) : (
+
+
Log in to view profile
+
+ )}
+
+ );
+};
-export default Profile;
\ No newline at end of file
+export default Profile;
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
index 3492447..922b7e4 100644
--- a/src/styles/Home.module.css
+++ b/src/styles/Home.module.css
@@ -5,10 +5,9 @@
align-items: center;
padding: 6rem;
min-height: 100vh;
-
}
-.image{
+.image {
height: 600px;
width: 600px;
}
@@ -103,7 +102,7 @@
.center::before,
.center::after {
- content: '';
+ content: "";
left: 50%;
position: absolute;
filter: blur(45px);
@@ -131,7 +130,7 @@
.thirteen::before,
.thirteen::after {
- content: '';
+ content: "";
position: absolute;
z-index: -1;
}
diff --git a/src/styles/profile.module.css b/src/styles/profile.module.css
index 4e75e57..16b65f4 100644
--- a/src/styles/profile.module.css
+++ b/src/styles/profile.module.css
@@ -1,75 +1,72 @@
-.row{
- display: flex;
- justify-content:space-between;
- color: white;
- background-color: black;
-
+.row {
+ display: flex;
+ justify-content: space-between;
+ color: white;
+ background-color: black;
}
-.main{
- padding:10px;
- display: flex;
- flex-direction: column;
- width:70vh;
+.main {
+ padding: 10px;
+ display: flex;
+ flex-direction: column;
+ width: 70vh;
}
-.profileCard{
- display:flex;
- margin:10px;
+.profileCard {
+ display: flex;
+ margin: 10px;
}
-.aside{
- border-left: 1px solid lightgray;
+.aside {
+ border-left: 1px solid lightgray;
}
-.qr, .recent{
- padding:10px;
- height:50vh;
- width: 20vw;
+.qr,
+.recent {
+ padding: 10px;
+ height: 50vh;
+ width: 25vw;
}
-.menu{
- padding:10px;
- height:50vh;
- width: 10vw;
+.menu {
+ padding: 10px;
+ height: 50vh;
+ width: 10vw;
}
-.qr{
- display:flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
+.qr {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
}
-.error{
- height: 100vh;
+.error {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+@media screen and (max-width: 500px) {
+ .main {
+ padding: 5px;
+ width: 100vw;
+ }
+ .contribution {
+ width: 100vw;
+ padding: 10px;
+ }
+ .row {
+ display: block;
+ }
+ .menu {
+ display: none;
+ }
+ .aside {
+ border-left: none;
+ }
+ .qr {
display: flex;
- flex-direction: column;
+ flex-direction: row;
justify-content: center;
align-items: center;
+ width: 100vw;
+ }
}
-
-@media screen and (max-width: 500px){
- .main{
- padding:5px;
- width:100vw;
- }
- .contribution{
- width:100vw;
- padding:10px;
-
- }
- .row{
- display:block;
-
- }
- .menu{
- display:none;
- }
- .aside{
- border-left: none;
- }
- .qr{
- display:flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- width:100vw;
- }
-
-}
\ No newline at end of file
diff --git a/src/utils/createChatEvent.js b/src/utils/createChatEvent.js
new file mode 100644
index 0000000..357644e
--- /dev/null
+++ b/src/utils/createChatEvent.js
@@ -0,0 +1,60 @@
+import React, { useState } from "react";
+import {
+ generatePrivateKey,
+ getPublicKey,
+ signEvent,
+ getEventHash,
+ validateEvent,
+ relayInit,
+} from "nostr-tools";
+
+const NostrChat = () => {
+ const [content, setContent] = useState("");
+
+ const handleChange = (event) => {
+ setContent(event.target.value);
+ };
+
+ const handleSubmit = async (event) => {
+ event.preventDefault();
+
+ const privateKey = await generatePrivateKey();
+ const publicKey = await getPublicKey(privateKey);
+
+ const eventObject = {
+ kind: 1,
+ pubkey: publicKey,
+ created_at: Math.floor(Date.now() / 1000),
+ tags: [],
+ content,
+ };
+
+ eventObject.id = getEventHash(eventObject);
+ eventObject.sig = signEvent(eventObject, privateKey);
+
+ const relay = relayInit("wss://relay.plebstr.com");
+
+ await relay.connect();
+
+ try {
+ await relay.publish(eventObject);
+ console.log("Event published successfully");
+ } catch (err) {
+ console.error(`Failed to publish event: ${err}`);
+ }
+
+ setContent("");
+ };
+
+ return (
+
+ );
+};
+
+export default NostrChat;
diff --git a/src/utils/createRepoEvent.js b/src/utils/createRepoEvent.js
new file mode 100644
index 0000000..53c5408
--- /dev/null
+++ b/src/utils/createRepoEvent.js
@@ -0,0 +1,43 @@
+import React, { useState } from "react";
+import {
+ generatePrivateKey,
+ getPublicKey,
+ signEvent,
+ getEventHash,
+ validateEvent,
+ relayInit,
+} from "nostr-tools";
+
+export const createRepoEvent = async ({ pubkey, repo }) => {
+ const eventObject = {
+ kind: 1,
+ pubkey: pubkey,
+ created_at: Math.floor(Date.now() / 1000),
+ tags: [["#devstr"]],
+ // stringify content
+
+ content: JSON.stringify({
+ repo: repo,
+ type: "repo",
+ }),
+ };
+
+ console.log("eventObject", eventObject);
+
+ eventObject.id = getEventHash(eventObject);
+ const signedEvent = await window.nostr.signEvent(eventObject);
+
+ eventObject.sig = signedEvent.sig;
+
+ const relay = relayInit("wss://relay.plebstr.com");
+
+ await relay.connect();
+
+ try {
+ console.log("eventObject", eventObject);
+ await relay.publish(eventObject);
+ console.log("Event published successfully");
+ } catch (err) {
+ console.error(`Failed to publish event: ${err}`);
+ }
+};
diff --git a/src/utils/readChatEvents.js b/src/utils/readChatEvents.js
new file mode 100644
index 0000000..a526f95
--- /dev/null
+++ b/src/utils/readChatEvents.js
@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from "react";
+import { relayInit } from "nostr-tools";
+
+const ReadChatEvents = () => {
+ const [events, setEvents] = useState([]);
+
+ useEffect(() => {
+ const relay = relayInit("wss://relay.snort.social");
+ relay.connect();
+
+ const sub = relay.sub([{ kinds: [1] }]);
+
+ sub.on("event", (event) => {
+ setEvents((prevState) => [...prevState, event]);
+ });
+
+ return () => {
+ sub.unsub();
+ relay.close();
+ };
+ }, []);
+
+ return (
+
+
Kind 1 Events:
+
+ {events.map((event) => (
+ - {event.content}
+ ))}
+
+
+ );
+};
+
+export default ReadChatEvents;