Really good stuff

README.md

@@ -1,3 +1,3 @@
 # Plebdevs Platform
 
-still in development
+still in development

src/components/content/courses/CourseDetails.js

@@ -34,7 +34,7 @@ export default function CourseDetails({ processedEvent, paidCourse, lessons, dec
     const router = useRouter();
     const {ndk, addSigner} = useNDKContext();
 
-    const lnAddress = process.env.NEXT_PUBLIC_LN_ADDRESS;
+    const lnAddress = process.env.NEXT_PUBLIC_LIGHTNING_ADDRESS;
 
     useEffect(() => {
         console.log("processedEvent", processedEvent);

src/components/content/courses/DraftCourseDetails.js

@@ -230,7 +230,8 @@ export default function DraftCourseDetails({ processedEvent, draftId, lessons })
             ['description', summary],
             ['l', "Education"],
             ['price', price.toString()],
-            ...lessons.map((lesson) => ['a', `${lesson.kind}:${lesson.pubkey}:${lesson.d}`]),
+            // map out the lessons by order of the index property which is on each lesson
+            ...lessons.sort((a, b) => a.index - b.index).map((lesson) => ['a', `${lesson.kind}:${lesson.pubkey}:${lesson.d}`]),
         ];
         return event;
     };

src/components/content/resources/ResourceDetails.js

@@ -9,7 +9,7 @@ import { useZapsSubscription } from "@/hooks/nostrQueries/zaps/useZapsSubscripti
 import { getTotalFromZaps } from "@/utils/lightning";
 import { useSession } from "next-auth/react";
 
-const lnAddress = process.env.NEXT_PUBLIC_LN_ADDRESS;
+const lnAddress = process.env.NEXT_PUBLIC_LIGHTNING_ADDRESS;
 
 const ResourceDetails = ({processedEvent, topics, title, summary, image, price, author, paidResource, decryptedContent, handlePaymentSuccess, handlePaymentError}) => {
     const [zapAmount, setZapAmount] = useState(0);

src/components/feeds/NostrFeed.js

@@ -5,18 +5,22 @@ import { Tag } from 'primereact/tag';
 import { Button } from 'primereact/button';
 import { ProgressSpinner } from 'primereact/progressspinner';
 import { useNDKContext } from '@/context/NDKContext';
+import { useSession } from 'next-auth/react';
 import { findKind0Fields } from '@/utils/nostr';
 import NostrIcon from '../../../public/images/nostr.png';
 import Image from 'next/image';
 import { useImageProxy } from '@/hooks/useImageProxy';
 import { nip19 } from 'nostr-tools';
 import { useCommunityNotes } from '@/hooks/nostr/useCommunityNotes';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
 
 const NostrFeed = () => {
     const { communityNotes, isLoading, error } = useCommunityNotes();
     const { ndk } = useNDKContext();
     const { returnImageProxy } = useImageProxy();
+    const { data: session } = useSession();
     const [authorData, setAuthorData] = useState({});
+    const [npub, setNpub] = useState(null);
 
     useEffect(() => {
         const fetchAuthors = async () => {
@@ -35,6 +39,12 @@ const NostrFeed = () => {
         }
     }, [communityNotes]);
 
+    useEffect(() => {
+        if (session?.user?.pubkey) {
+            setNpub(nip19.npubEncode(session.user.pubkey));
+        }
+    }, [session]);
+
     const fetchAuthor = async (pubkey) => {
         try {
             const filter = {
@@ -64,12 +74,12 @@ const NostrFeed = () => {
     const renderHeader = (message) => (
         <div className="flex flex-row w-full items-center justify-between p-4 bg-gray-800 rounded-t-lg">
             <div className="flex flex-row items-center">
-                <Avatar 
+                <Avatar
                     image={getAvatarImage(message)}
                     icon={getAvatarImage(message) ? null : 'pi pi-user'}
-                    shape="circle" 
+                    shape="circle"
-                    size="large" 
+                    size="large"
-                    className="border-2 border-blue-400" 
+                    className="border-2 border-blue-400"
                 />
                 <p className="pl-4 font-bold text-xl text-white">
                     {authorData[message.pubkey]?.username || message.pubkey.substring(0, 12) + '...'}
@@ -85,19 +95,31 @@ const NostrFeed = () => {
     );
 
     const footer = (message) => (
-        <div className="w-full flex justify-between items-center">
+        <>
-            <span className="bg-gray-800 rounded-lg p-2 text-sm text-gray-300">
+            <div className="w-full flex justify-between items-center">
-                {new Date(message.created_at * 1000).toLocaleString()}
+                <span className="bg-gray-800 rounded-lg p-2 text-sm text-gray-300">
-            </span>
+                    {new Date(message.created_at * 1000).toLocaleString()}
-            <Button
+                </span>
-                label="View on Nostr"
+                <Button
-                icon="pi pi-external-link"
+                    label="View on Nostr"
-                outlined
+                    icon="pi pi-external-link"
-                size="small"
+                    outlined
-                className='my-2'
+                    size="small"
-                onClick={() => window.open(`https://nostr.band/${nip19.noteEncode(message.id)}`, '_blank')}
+                    className='my-2'
-            />
+                    onClick={() => window.open(`https://nostr.band/${nip19.noteEncode(message.id)}`, '_blank')}
-        </div>
+                />
+            </div>
+            <div className="w-full">
+                {session?.user?.pubkey && (
+                    <ZapThreadsWrapper
+                        anchor={nip19.noteEncode(message.id)}
+                        user={npub}
+                        relays="wss://nos.lol/, wss://relay.damus.io/, wss://relay.snort.social/, wss://relay.nostr.band/, wss://nostr.mutinywallet.com/, wss://relay.mutinywallet.com/, wss://relay.primal.net/"
+                        disable=""
+                    />
+                )}
+            </div>
+        </>
     );
 
     if (isLoading) {