saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-05 00:32:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

anons and email login users can now comment

Browse Source
This commit is contained in:
austinkelsay 2024-11-10 15:18:27 -06:00
parent 58d0eefc69
commit c2ac646719
No known key found for this signature in database
GPG Key ID: 44CB4EC6D9F2FA02
3 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ZapThreadsWrapper.js
View File

@ -1,6 +1,6 @@
import React, { useEffect, useRef } from 'react';
const ZapThreadsWrapper = ({ anchor, relays, disable }) => {
const ZapThreadsWrapper = ({ anchor, user, relays, disable }) => {
// Create a ref to store the reference to the <div> element
const zapRef = useRef(null);
@ -17,8 +17,9 @@ const ZapThreadsWrapper = ({ anchor, relays, disable }) => {
// Create a new <zap-threads> element
const zapElement = document.createElement('zap-threads');
zapElement.setAttribute('anchor', anchor);
zapElement.setAttribute('relays', relays);
zapElement.setAttribute('disable', disable);
if (user) zapElement.setAttribute('user', user);
zapElement.setAttribute('relays', relays.replace(/\s/g, ''));
if (disable) zapElement.setAttribute('disable', disable);
// Remove any existing <zap-threads> element before appending a new one
if (zapRef.current && zapRef.current.firstChild) {
@ -48,7 +49,7 @@ const ZapThreadsWrapper = ({ anchor, relays, disable }) => {
// Remove the load event listener from the script
script.removeEventListener('load', handleScriptLoad);
};
}, [anchor, relays, disable]);
}, [anchor, user, relays, disable]);
// Render a <div> element and attach the zapRef to it
return <div className="overflow-x-hidden" ref={zapRef} />;

27
src/components/feeds/messages/CommunityMessage.js
View File

@ -10,7 +10,6 @@ import NostrIcon from '../../../../public/images/nostr.png';
import Image from 'next/image';
import { nip19 } from 'nostr-tools';
import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
import useWindowWidth from '@/hooks/useWindowWidth';
const StackerNewsIconComponent = () => (
<svg width="16" height="16" className='mr-2' viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -38,13 +37,19 @@ const headerTemplate = (options, windowWidth, platform, id) => {
const CommunityMessage = ({ message, searchQuery, windowWidth, platform }) => {
const [npub, setNpub] = useState(null);
const [nsec, setNsec] = useState(null);
const [collapsed, setCollapsed] = useState(true);
const { data: session } = useSession();
const isMobileView = windowWidth <= 768;
useEffect(() => {
if (session?.user?.pubkey) {
setNpub(nip19.npubEncode(session.user.pubkey));
if (session?.user?.pubkey || session?.user?.privkey) {
let privkeyBuffer;
if (session.user.privkey) {
privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
setNsec(nip19.nsecEncode(privkeyBuffer));
} else {
setNpub(nip19.npubEncode(session.user.pubkey));
}
}
}, [session]);
@ -83,12 +88,14 @@ const CommunityMessage = ({ message, searchQuery, windowWidth, platform }) => {
className="w-full"
>
<div className="max-w-[100vw]">
<ZapThreadsWrapper
anchor={nip19.noteEncode(message.id)}
user={npub || null}
relays="wss://nos.lol/, wss://relay.damus.io/, wss://relay.snort.social/, wss://relay.nostr.band/, wss://relay.mutinywallet.com/, wss://relay.primal.net/"
disable="zaps"
/>
{nsec || npub ? (
<ZapThreadsWrapper
anchor={nip19.noteEncode(message.id)}
user={nsec || npub || null}
relays="wss://nos.lol/, wss://relay.damus.io/, wss://relay.snort.social/, wss://relay.nostr.band/, wss://relay.mutinywallet.com/, wss://relay.primal.net/"
disable={nsec ? "zaps,login" : "zaps"}
/>
) : null}
</div>
</Panel>
) : (

11
src/pages/details/[slug]/index.js
View File

@ -21,6 +21,8 @@ const Details = () => {
const [authorView, setAuthorView] = useState(false);
const [loading, setLoading] = useState(true);
const [lessons, setLessons] = useState([]);
const [npub, setNpub] = useState(null);
const [nsec, setNsec] = useState(null);
const { data: session, update } = useSession();
const { ndk } = useNDKContext();
const { decryptContent } = useDecryptContent();
@ -68,6 +70,15 @@ const Details = () => {
}
}, [author, event, fetchAuthor]);
useEffect(() => {
if (session?.user?.privkey) {
const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
setNsec(nip19.nsecEncode(privkeyBuffer));
} else if (session?.user?.pubkey) {
setNpub(nip19.npubEncode(session.user.pubkey));
}
}, [session]);
useEffect(() => {
const fetchAndProcessEvent = async () => {
if (!router.isReady || !router.query.slug) return;