From ad218d8803a23e53065fcd92d260ff23c4f8fb4f Mon Sep 17 00:00:00 2001
From: kiwihodl <orangeamber@protonmail.com>
Date: Thu, 17 Apr 2025 13:00:58 -0500
Subject: [PATCH] linted before rebase

---
 .prettierrc                                   |   2 +-
 src/components/ZapThreadsWrapper.js           |  49 +++--
 .../carousels/templates/CourseTemplate.js     |  36 ++--
 .../content/combined/CombinedDetails.js       | 153 +++++++---------
 .../content/courses/CourseDetails.js          |  19 +-
 .../content/courses/CourseLesson.js           | 166 ++++++++---------
 .../content/documents/DocumentDetails.js      | 154 +++++++---------
 src/components/content/videos/VideoDetails.js | 170 +++++++-----------
 src/config/appConfig.js                       |   1 +
 .../api/lightning-address/callback/[slug].js  |  10 +-
 src/pages/course/[slug]/index.js              | 157 +++++++---------
 11 files changed, 384 insertions(+), 533 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index b43e32e..59b59ba 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -6,4 +6,4 @@
   "printWidth": 100,
   "bracketSpacing": true,
   "arrowParens": "avoid"
-} 
\ No newline at end of file
+} 
diff --git a/src/components/ZapThreadsWrapper.js b/src/components/ZapThreadsWrapper.js
index 4e4f1ad..1b129b7 100644
--- a/src/components/ZapThreadsWrapper.js
+++ b/src/components/ZapThreadsWrapper.js
@@ -1,13 +1,6 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef } from 'react';
 
-const ZapThreadsWrapper = ({
-  anchor,
-  user,
-  relays,
-  disable,
-  className,
-  isAuthorized,
-}) => {
+const ZapThreadsWrapper = ({ anchor, user, relays, disable, className, isAuthorized }) => {
   // Create a ref to store the reference to the <div> element
   const zapRef = useRef(null);
 
@@ -18,37 +11,37 @@ const ZapThreadsWrapper = ({
     }
 
     // Create a new <script> element
-    const script = document.createElement("script");
+    const script = document.createElement('script');
     // Set the source URL of the script to load the ZapThreads library
-    script.src = "https://unpkg.com/zapthreads/dist/zapthreads.iife.js";
+    script.src = 'https://unpkg.com/zapthreads/dist/zapthreads.iife.js';
     // Set the script to load asynchronously
     script.async = true;
 
     // Function to handle the script load event
     const handleScriptLoad = () => {
       // Create a new <zap-threads> element
-      const zapElement = document.createElement("zap-threads");
-      zapElement.setAttribute("anchor", anchor);
+      const zapElement = document.createElement('zap-threads');
+      zapElement.setAttribute('anchor', anchor);
 
       // Only set user if it exists and is not null
       if (user) {
-        zapElement.setAttribute("user", user);
+        zapElement.setAttribute('user', user);
       }
 
       // Clean up relay URLs
       const cleanRelays = relays
-        .split(",")
-        .map((relay) => relay.trim())
-        .filter((relay) => relay)
-        .join(",");
-      zapElement.setAttribute("relays", cleanRelays);
+        .split(',')
+        .map(relay => relay.trim())
+        .filter(relay => relay)
+        .join(',');
+      zapElement.setAttribute('relays', cleanRelays);
 
       // Always set disable attribute, even if empty
-      zapElement.setAttribute("disable", disable || "");
+      zapElement.setAttribute('disable', disable || '');
 
       // Add error handling
-      zapElement.addEventListener("error", (e) => {
-        console.error("ZapThreads error:", e);
+      zapElement.addEventListener('error', e => {
+        console.error('ZapThreads error:', e);
       });
 
       // Remove any existing <zap-threads> element
@@ -65,9 +58,9 @@ const ZapThreadsWrapper = ({
     };
 
     // Attach the handleScriptLoad function to the script's load event
-    script.addEventListener("load", handleScriptLoad);
-    script.addEventListener("error", (e) => {
-      console.error("Failed to load ZapThreads script:", e);
+    script.addEventListener('load', handleScriptLoad);
+    script.addEventListener('error', e => {
+      console.error('Failed to load ZapThreads script:', e);
     });
 
     // Append the <script> element to the <body> of the document
@@ -83,7 +76,7 @@ const ZapThreadsWrapper = ({
       // Remove the <script> element from the <body> of the document
       document.body.removeChild(script);
       // Remove the load event listener from the script
-      script.removeEventListener("load", handleScriptLoad);
+      script.removeEventListener('load', handleScriptLoad);
     };
   }, [anchor, user, relays, disable, isAuthorized]);
 
@@ -92,9 +85,7 @@ const ZapThreadsWrapper = ({
   }
 
   // Render a <div> element and attach the zapRef to it
-  return (
-    <div className={`overflow-x-hidden ${className || ""}`} ref={zapRef} />
-  );
+  return <div className={`overflow-x-hidden ${className || ''}`} ref={zapRef} />;
 };
 
 export default ZapThreadsWrapper;
diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index 1c46f7f..0f792bd 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -9,6 +9,7 @@ import {
 } from '@/components/ui/card';
 import { Tag } from 'primereact/tag';
 import ZapDisplay from '@/components/zaps/ZapDisplay';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
 import { nip19 } from 'nostr-tools';
 import Image from 'next/image';
 import { useZapsSubscription } from '@/hooks/nostrQueries/zaps/useZapsSubscription';
@@ -22,7 +23,7 @@ import useWindowWidth from '@/hooks/useWindowWidth';
 import GenericButton from '@/components/buttons/GenericButton';
 import appConfig from '@/config/appConfig';
 import { BookOpen } from 'lucide-react';
-import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
+import { useSession } from 'next-auth/react';
 
 export function CourseTemplate({ course, showMetaTags = true }) {
   const { zaps, zapsLoading, zapsError } = useZapsSubscription({
@@ -74,6 +75,15 @@ export function CourseTemplate({ course, showMetaTags = true }) {
     }
   }, [course]);
 
+  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]);
+
   const shouldShowMetaTags = topic => {
     if (!showMetaTags) {
       return !['lesson', 'document', 'video', 'course'].includes(topic);
@@ -112,9 +122,7 @@ export function CourseTemplate({ course, showMetaTags = true }) {
       </div>
       <CardHeader className="flex flex-row justify-between items-center p-4 border-b border-gray-700">
         <div className="flex items-center gap-4">
-          <CardTitle className="text-xl sm:text-2xl text-[#f8f8ff]">
-            {course.name}
-          </CardTitle>
+          <CardTitle className="text-xl sm:text-2xl text-[#f8f8ff]">{course.name}</CardTitle>
         </div>
         <div className="text-[#f8f8ff]">
           <ZapDisplay
@@ -125,7 +133,9 @@ export function CourseTemplate({ course, showMetaTags = true }) {
         </div>
       </CardHeader>
       <CardContent
-        className={`${isMobile ? 'px-3' : ''} pt-4 pb-2 w-full flex flex-row justify-between items-center`}
+        className={`${
+          isMobile ? 'px-3' : ''
+        } pt-4 pb-2 w-full flex flex-row justify-between items-center`}
       >
         <div className="flex flex-wrap gap-2 max-w-[65%]">
           {course &&
@@ -156,7 +166,9 @@ export function CourseTemplate({ course, showMetaTags = true }) {
         )}
       </CardContent>
       <CardDescription
-        className={`${isMobile ? 'w-full p-3' : 'p-6'} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`}
+        className={`${
+          isMobile ? 'w-full p-3' : 'p-6'
+        } py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`}
         style={{
           overflow: 'hidden',
           display: '-webkit-box',
@@ -173,7 +185,9 @@ export function CourseTemplate({ course, showMetaTags = true }) {
         </p>
       </CardDescription>
       <CardFooter
-        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${isMobile ? 'px-3' : ''}`}
+        className={`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4 ${
+          isMobile ? 'px-3' : ''
+        }`}
       >
         <p className="text-sm text-gray-300">
           {course?.published_at && course.published_at !== ''
@@ -194,22 +208,20 @@ export function CourseTemplate({ course, showMetaTags = true }) {
         (!course?.price ||
           course.price === 0 ||
           session?.user?.role?.subscribed ||
-          session?.user?.purchased?.some(
-            (purchase) => purchase.resourceId === course.d
-          )) && (
+          session?.user?.purchased?.some(purchase => purchase.resourceId === course.d)) && (
           <div className="px-4 pb-4">
             {nsec || npub ? (
               <ZapThreadsWrapper
                 anchor={nAddress}
                 user={nsec || npub || null}
-                relays={appConfig.defaultRelayUrls.join(",")}
+                relays={appConfig.defaultRelayUrls.join(',')}
                 disable="zaps"
               />
             ) : (
               <ZapThreadsWrapper
                 anchor={nAddress}
                 user={npub}
-                relays={appConfig.defaultRelayUrls.join(",")}
+                relays={appConfig.defaultRelayUrls.join(',')}
                 disable="zaps"
               />
             )}
diff --git a/src/components/content/combined/CombinedDetails.js b/src/components/content/combined/CombinedDetails.js
index 102d3d3..1422371 100644
--- a/src/components/content/combined/CombinedDetails.js
+++ b/src/components/content/combined/CombinedDetails.js
@@ -1,25 +1,25 @@
-import React, { useEffect, useState, useRef } from "react";
-import axios from "axios";
-import { useToast } from "@/hooks/useToast";
-import { Tag } from "primereact/tag";
-import Image from "next/image";
-import { useRouter } from "next/router";
-import ResourcePaymentButton from "@/components/bitcoinConnect/ResourcePaymentButton";
-import ZapDisplay from "@/components/zaps/ZapDisplay";
-import GenericButton from "@/components/buttons/GenericButton";
-import { useImageProxy } from "@/hooks/useImageProxy";
-import { useZapsSubscription } from "@/hooks/nostrQueries/zaps/useZapsSubscription";
-import { getTotalFromZaps } from "@/utils/lightning";
-import { useSession } from "next-auth/react";
-import useWindowWidth from "@/hooks/useWindowWidth";
-import dynamic from "next/dynamic";
-import { Toast } from "primereact/toast";
-import MoreOptionsMenu from "@/components/ui/MoreOptionsMenu";
-import ZapThreadsWrapper from "@/components/ZapThreadsWrapper";
-import appConfig from "@/config/appConfig";
-import { nip19 } from "nostr-tools";
+import React, { useEffect, useState, useRef } from 'react';
+import axios from 'axios';
+import { useToast } from '@/hooks/useToast';
+import { Tag } from 'primereact/tag';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import ResourcePaymentButton from '@/components/bitcoinConnect/ResourcePaymentButton';
+import ZapDisplay from '@/components/zaps/ZapDisplay';
+import GenericButton from '@/components/buttons/GenericButton';
+import { useImageProxy } from '@/hooks/useImageProxy';
+import { useZapsSubscription } from '@/hooks/nostrQueries/zaps/useZapsSubscription';
+import { getTotalFromZaps } from '@/utils/lightning';
+import { useSession } from 'next-auth/react';
+import useWindowWidth from '@/hooks/useWindowWidth';
+import dynamic from 'next/dynamic';
+import { Toast } from 'primereact/toast';
+import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
+import appConfig from '@/config/appConfig';
+import { nip19 } from 'nostr-tools';
 
-const MDDisplay = dynamic(() => import("@uiw/react-markdown-preview"), {
+const MDDisplay = dynamic(() => import('@uiw/react-markdown-preview'), {
   ssr: false,
 });
 
@@ -57,65 +57,57 @@ const CombinedDetails = ({
     try {
       const response = await axios.delete(`/api/resources/${processedEvent.d}`);
       if (response.status === 204) {
-        showToast("success", "Success", "Resource deleted successfully.");
-        router.push("/");
+        showToast('success', 'Success', 'Resource deleted successfully.');
+        router.push('/');
       }
     } catch (error) {
-      if (
-        error.response?.data?.error?.includes(
-          "Invalid `prisma.resource.delete()`"
-        )
-      ) {
+      if (error.response?.data?.error?.includes('Invalid `prisma.resource.delete()`')) {
         showToast(
-          "error",
-          "Error",
-          "Resource cannot be deleted because it is part of a course, delete the course first."
+          'error',
+          'Error',
+          'Resource cannot be deleted because it is part of a course, delete the course first.'
         );
       } else {
-        showToast(
-          "error",
-          "Error",
-          "Failed to delete resource. Please try again."
-        );
+        showToast('error', 'Error', 'Failed to delete resource. Please try again.');
       }
     }
   };
 
   const authorMenuItems = [
     {
-      label: "Edit",
-      icon: "pi pi-pencil",
+      label: 'Edit',
+      icon: 'pi pi-pencil',
       command: () => router.push(`/details/${processedEvent.id}/edit`),
     },
     {
-      label: "Delete",
-      icon: "pi pi-trash",
+      label: 'Delete',
+      icon: 'pi pi-trash',
       command: handleDelete,
     },
     {
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
-        window.open(`https://habla.news/a/${nAddress}`, "_blank");
+        window.open(`https://habla.news/a/${nAddress}`, '_blank');
       },
     },
   ];
 
   const userMenuItems = [
     {
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
-        window.open(`https://habla.news/a/${nAddress}`, "_blank");
+        window.open(`https://habla.news/a/${nAddress}`, '_blank');
       },
     },
   ];
 
   if (course) {
     userMenuItems.unshift({
-      label: isMobileView ? "Course" : "Open Course",
-      icon: "pi pi-external-link",
-      command: () => window.open(`/course/${course}`, "_blank"),
+      label: isMobileView ? 'Course' : 'Open Course',
+      icon: 'pi pi-external-link',
+      command: () => window.open(`/course/${course}`, '_blank'),
     });
   }
 
@@ -123,13 +115,13 @@ const CombinedDetails = ({
     if (isLesson) {
       axios
         .get(`/api/resources/${processedEvent.d}`)
-        .then((res) => {
+        .then(res => {
           if (res.data && res.data.lessons[0]?.courseId) {
             setCourse(res.data.lessons[0]?.courseId);
           }
         })
-        .catch((err) => {
-          console.error("err", err);
+        .catch(err => {
+          console.error('err', err);
         });
     }
   }, [processedEvent.d, isLesson]);
@@ -143,7 +135,7 @@ const CombinedDetails = ({
 
   useEffect(() => {
     if (session?.user?.privkey) {
-      const privkeyBuffer = Buffer.from(session.user.privkey, "hex");
+      const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
       setNsec(nip19.nsecEncode(privkeyBuffer));
     } else if (session?.user?.pubkey) {
       setNpub(nip19.npubEncode(session.user.pubkey));
@@ -154,7 +146,7 @@ const CombinedDetails = ({
     if (session?.user?.role?.subscribed && decryptedContent) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip="You are subscribed so you can access all paid content"
           icon="pi pi-check"
           label="Subscribed"
@@ -169,14 +161,14 @@ const CombinedDetails = ({
     if (
       isLesson &&
       course &&
-      session?.user?.purchased?.some((purchase) => purchase.courseId === course)
+      session?.user?.purchased?.some(purchase => purchase.courseId === course)
     ) {
       const coursePurchase = session?.user?.purchased?.find(
-        (purchase) => purchase.courseId === course
+        purchase => purchase.courseId === course
       );
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You have this lesson through purchasing the course it belongs to. You paid ${coursePurchase?.course?.price} sats for the course.`}
           icon="pi pi-check"
           label={`Paid ${coursePurchase?.course?.price} sats`}
@@ -207,14 +199,10 @@ const CombinedDetails = ({
       );
     }
 
-    if (
-      paidResource &&
-      author &&
-      processedEvent?.pubkey === session?.user?.pubkey
-    ) {
+    if (paidResource && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You created this paid content, users must pay ${processedEvent.price} sats to access it`}
           icon="pi pi-check"
           label={`Price ${processedEvent.price} sats`}
@@ -231,12 +219,7 @@ const CombinedDetails = ({
 
   const renderContent = () => {
     if (decryptedContent) {
-      return (
-        <MDDisplay
-          className="p-2 rounded-lg w-full"
-          source={decryptedContent}
-        />
-      );
+      return <MDDisplay className="p-2 rounded-lg w-full" source={decryptedContent} />;
     }
 
     if (paidResource && !decryptedContent) {
@@ -264,12 +247,7 @@ const CombinedDetails = ({
     }
 
     if (processedEvent?.content) {
-      return (
-        <MDDisplay
-          className="p-4 rounded-lg w-full"
-          source={processedEvent.content}
-        />
-      );
+      return <MDDisplay className="p-4 rounded-lg w-full" source={processedEvent.content} />;
     }
 
     return null;
@@ -279,12 +257,7 @@ const CombinedDetails = ({
     <div className="w-full">
       <Toast ref={toastRef} />
       <div className="relative w-full h-[400px] mb-8">
-        <Image
-          alt="background image"
-          src={returnImageProxy(image)}
-          fill
-          className="object-cover"
-        />
+        <Image alt="background image" src={returnImageProxy(image)} fill className="object-cover" />
         <div className="absolute inset-0 bg-black bg-opacity-20"></div>
       </div>
       <div className="w-full mx-auto px-4 py-8 -mt-32 relative z-10 max-mob:px-0 max-tab:px-0">
@@ -301,11 +274,9 @@ const CombinedDetails = ({
             {topics?.map((topic, index) => (
               <Tag className="text-[#f8f8ff]" key={index} value={topic} />
             ))}
-            {isLesson && (
-              <Tag size="small" className="text-[#f8f8ff]" value="lesson" />
-            )}
+            {isLesson && <Tag size="small" className="text-[#f8f8ff]" value="lesson" />}
           </div>
-          {summary?.split("\n").map((line, index) => (
+          {summary?.split('\n').map((line, index) => (
             <p key={index}>{line}</p>
           ))}
           <div className="flex items-center justify-between mt-8">
@@ -318,7 +289,7 @@ const CombinedDetails = ({
                 className="rounded-full mr-4"
               />
               <p className="text-lg text-white">
-                By{" "}
+                By{' '}
                 <a
                   rel="noreferrer noopener"
                   target="_blank"
@@ -339,21 +310,19 @@ const CombinedDetails = ({
           <div className="w-full mt-4">{renderPaymentMessage()}</div>
           {nAddress && (
             <div className="mt-8">
-              {!paidResource ||
-              decryptedContent ||
-              session?.user?.role?.subscribed ? (
+              {!paidResource || decryptedContent || session?.user?.role?.subscribed ? (
                 <ZapThreadsWrapper
                   anchor={nAddress}
                   user={session?.user ? nsec || npub : null}
-                  relays={appConfig.defaultRelayUrls.join(",")}
+                  relays={appConfig.defaultRelayUrls.join(',')}
                   disable="zaps"
                   isAuthorized={true}
                 />
               ) : (
                 <div className="text-center p-4 bg-gray-800/50 rounded-lg">
                   <p className="text-gray-400">
-                    Comments are only available to content purchasers,
-                    subscribers, and the content creator.
+                    Comments are only available to content purchasers, subscribers, and the content
+                    creator.
                   </p>
                 </div>
               )}
diff --git a/src/components/content/courses/CourseDetails.js b/src/components/content/courses/CourseDetails.js
index 63e19cd..06769f3 100644
--- a/src/components/content/courses/CourseDetails.js
+++ b/src/components/content/courses/CourseDetails.js
@@ -21,6 +21,7 @@ import WelcomeModal from '@/components/onboarding/WelcomeModal';
 import { ProgressSpinner } from 'primereact/progressspinner';
 import { Toast } from 'primereact/toast';
 import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
 
 export default function CourseDetails({
   processedEvent,
@@ -122,7 +123,7 @@ export default function CourseDetails({
 
   useEffect(() => {
     if (session?.user?.privkey) {
-      const privkeyBuffer = Buffer.from(session.user.privkey, "hex");
+      const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
       setNsec(nip19.nsecEncode(privkeyBuffer));
     } else if (session?.user?.pubkey) {
       setNpub(nip19.npubEncode(session.user.pubkey));
@@ -130,14 +131,10 @@ export default function CourseDetails({
   }, [session]);
 
   const renderPaymentMessage = () => {
-    if (
-      session?.user &&
-      session.user?.role?.subscribed &&
-      decryptionPerformed
-    ) {
+    if (session?.user && session.user?.role?.subscribed && decryptionPerformed) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You are subscribed so you can access all paid content`}
           icon="pi pi-check"
           label="Subscribed"
@@ -291,15 +288,15 @@ export default function CourseDetails({
                 <ZapThreadsWrapper
                   anchor={nAddress}
                   user={session?.user ? nsec || npub : null}
-                  relays={appConfig.defaultRelayUrls.join(",")}
+                  relays={appConfig.defaultRelayUrls.join(',')}
                   disable="zaps"
                   isAuthorized={true}
                 />
               ) : (
                 <div className="text-center p-4 bg-gray-800/50 rounded-lg">
                   <p className="text-gray-400">
-                    Comments are only available to course purchasers,
-                    subscribers, and the course creator.
+                    Comments are only available to course purchasers, subscribers, and the course
+                    creator.
                   </p>
                 </div>
               )
@@ -308,7 +305,7 @@ export default function CourseDetails({
               <ZapThreadsWrapper
                 anchor={nAddress}
                 user={session?.user ? nsec || npub : null}
-                relays={appConfig.defaultRelayUrls.join(",")}
+                relays={appConfig.defaultRelayUrls.join(',')}
                 disable="zaps"
                 isAuthorized={true}
               />
diff --git a/src/components/content/courses/CourseLesson.js b/src/components/content/courses/CourseLesson.js
index 9239119..dee48ff 100644
--- a/src/components/content/courses/CourseLesson.js
+++ b/src/components/content/courses/CourseLesson.js
@@ -1,38 +1,32 @@
-import React, { useEffect, useState, useRef } from "react";
-import { Tag } from "primereact/tag";
-import Image from "next/image";
-import { useImageProxy } from "@/hooks/useImageProxy";
-import { getTotalFromZaps } from "@/utils/lightning";
-import ZapDisplay from "@/components/zaps/ZapDisplay";
-import dynamic from "next/dynamic";
-import { useZapsQuery } from "@/hooks/nostrQueries/zaps/useZapsQuery";
-import { Toast } from "primereact/toast";
-import useTrackDocumentLesson from "@/hooks/tracking/useTrackDocumentLesson";
-import useWindowWidth from "@/hooks/useWindowWidth";
-import { nip19 } from "nostr-tools";
-import appConfig from "@/config/appConfig";
-import MoreOptionsMenu from "@/components/ui/MoreOptionsMenu";
-import { useSession } from "next-auth/react";
-import ZapThreadsWrapper from "@/components/ZapThreadsWrapper";
+import React, { useEffect, useState, useRef } from 'react';
+import { Tag } from 'primereact/tag';
+import Image from 'next/image';
+import { useImageProxy } from '@/hooks/useImageProxy';
+import { getTotalFromZaps } from '@/utils/lightning';
+import ZapDisplay from '@/components/zaps/ZapDisplay';
+import dynamic from 'next/dynamic';
+import { useZapsQuery } from '@/hooks/nostrQueries/zaps/useZapsQuery';
+import { Toast } from 'primereact/toast';
+import useTrackDocumentLesson from '@/hooks/tracking/useTrackDocumentLesson';
+import useWindowWidth from '@/hooks/useWindowWidth';
+import { nip19 } from 'nostr-tools';
+import appConfig from '@/config/appConfig';
+import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
+import { useSession } from 'next-auth/react';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
 
-const MDDisplay = dynamic(() => import("@uiw/react-markdown-preview"), {
+const MDDisplay = dynamic(() => import('@uiw/react-markdown-preview'), {
   ssr: false,
 });
 
-const CourseLesson = ({
-  lesson,
-  course,
-  decryptionPerformed,
-  isPaid,
-  setCompleted,
-}) => {
+const CourseLesson = ({ lesson, course, decryptionPerformed, isPaid, setCompleted }) => {
   const [zapAmount, setZapAmount] = useState(0);
   const [nAddress, setNAddress] = useState(null);
   const [nsec, setNsec] = useState(null);
   const [npub, setNpub] = useState(null);
   const { zaps, zapsLoading, zapsError } = useZapsQuery({
     event: lesson,
-    type: "lesson",
+    type: 'lesson',
   });
   const { returnImageProxy } = useImageProxy();
   const menuRef = useRef(null);
@@ -41,46 +35,42 @@ const CourseLesson = ({
   const isMobileView = windowWidth <= 768;
   const { data: session } = useSession();
 
-  const readTime = lesson?.content
-    ? Math.max(30, Math.ceil(lesson.content.length / 20))
-    : 60;
+  const readTime = lesson?.content ? Math.max(30, Math.ceil(lesson.content.length / 20)) : 60;
 
-  const { isCompleted, isTracking, markLessonAsCompleted } =
-    useTrackDocumentLesson({
-      lessonId: lesson?.d,
-      courseId: course?.d,
-      readTime,
-      paidCourse: isPaid,
-      decryptionPerformed,
-    });
+  const { isCompleted, isTracking, markLessonAsCompleted } = useTrackDocumentLesson({
+    lessonId: lesson?.d,
+    courseId: course?.d,
+    readTime,
+    paidCourse: isPaid,
+    decryptionPerformed,
+  });
 
   const buildMenuItems = () => {
     const items = [];
 
     const hasAccess =
-      session?.user &&
-      (!isPaid || decryptionPerformed || session.user.role?.subscribed);
+      session?.user && (!isPaid || decryptionPerformed || session.user.role?.subscribed);
 
     if (hasAccess) {
       items.push({
-        label: "Mark as completed",
-        icon: "pi pi-check-circle",
+        label: 'Mark as completed',
+        icon: 'pi pi-check-circle',
         command: async () => {
           try {
             await markLessonAsCompleted();
             setCompleted && setCompleted(lesson.id);
             toastRef.current.show({
-              severity: "success",
-              summary: "Success",
-              detail: "Lesson marked as completed",
+              severity: 'success',
+              summary: 'Success',
+              detail: 'Lesson marked as completed',
               life: 3000,
             });
           } catch (error) {
-            console.error("Failed to mark lesson as completed:", error);
+            console.error('Failed to mark lesson as completed:', error);
             toastRef.current.show({
-              severity: "error",
-              summary: "Error",
-              detail: "Failed to mark lesson as completed",
+              severity: 'error',
+              summary: 'Error',
+              detail: 'Failed to mark lesson as completed',
               life: 3000,
             });
           }
@@ -89,16 +79,16 @@ const CourseLesson = ({
     }
 
     items.push({
-      label: "Open lesson",
-      icon: "pi pi-arrow-up-right",
+      label: 'Open lesson',
+      icon: 'pi pi-arrow-up-right',
       command: () => {
-        window.open(`/details/${lesson.id}`, "_blank");
+        window.open(`/details/${lesson.id}`, '_blank');
       },
     });
 
     items.push({
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
         if (lesson?.d) {
           const addr = nip19.naddrEncode({
@@ -107,7 +97,7 @@ const CourseLesson = ({
             identifier: lesson.d,
             relays: appConfig.defaultRelayUrls || [],
           });
-          window.open(`https://habla.news/a/${addr}`, "_blank");
+          window.open(`https://habla.news/a/${addr}`, '_blank');
         }
       },
     });
@@ -131,7 +121,7 @@ const CourseLesson = ({
 
   useEffect(() => {
     if (session?.user?.privkey) {
-      const privkeyBuffer = Buffer.from(session.user.privkey, "hex");
+      const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
       setNsec(nip19.nsecEncode(privkeyBuffer));
     } else if (session?.user?.pubkey) {
       setNpub(nip19.npubEncode(session.user.pubkey));
@@ -152,9 +142,7 @@ const CourseLesson = ({
 
   const renderContent = () => {
     if (isPaid && decryptionPerformed) {
-      return (
-        <MDDisplay className="p-4 rounded-lg w-full" source={lesson.content} />
-      );
+      return <MDDisplay className="p-4 rounded-lg w-full" source={lesson.content} />;
     }
     if (isPaid && !decryptionPerformed) {
       return (
@@ -164,9 +152,7 @@ const CourseLesson = ({
       );
     }
     if (lesson?.content) {
-      return (
-        <MDDisplay className="p-4 rounded-lg w-full" source={lesson.content} />
-      );
+      return <MDDisplay className="p-4 rounded-lg w-full" source={lesson.content} />;
     }
     return null;
   };
@@ -179,28 +165,20 @@ const CourseLesson = ({
           <div className="flex flex-col items-start max-w-[45vw] max-tab:max-w-[100vw] max-mob:max-w-[100vw]">
             <div className="flex flex-row items-center justify-between w-full">
               <h1 className="text-4xl">{lesson?.title}</h1>
-              <ZapDisplay
-                zapAmount={zapAmount}
-                event={lesson}
-                zapsLoading={zapsLoading}
-              />
+              <ZapDisplay zapAmount={zapAmount} event={lesson} zapsLoading={zapsLoading} />
             </div>
             <div className="pt-2 flex flex-row justify-start w-full mt-2 mb-4">
               {lesson &&
                 lesson.topics &&
                 lesson.topics.length > 0 &&
                 lesson.topics.map((topic, index) => (
-                  <Tag
-                    className="mr-2 text-white"
-                    key={index}
-                    value={topic}
-                  ></Tag>
+                  <Tag className="mr-2 text-white" key={index} value={topic}></Tag>
                 ))}
             </div>
             <div className="text-xl mt-6">
               {lesson?.summary && (
                 <div className="text-xl mt-4">
-                  {lesson.summary.split("\n").map((line, index) => (
+                  {lesson.summary.split('\n').map((line, index) => (
                     <p key={index}>{line}</p>
                   ))}
                 </div>
@@ -210,16 +188,13 @@ const CourseLesson = ({
               <div className="flex flex-row w-fit items-center">
                 <Image
                   alt="avatar thumbnail"
-                  src={returnImageProxy(
-                    lesson.author?.avatar,
-                    lesson.author?.pubkey
-                  )}
+                  src={returnImageProxy(lesson.author?.avatar, lesson.author?.pubkey)}
                   width={50}
                   height={50}
                   className="rounded-full mr-4"
                 />
                 <p className="text-lg">
-                  Created by{" "}
+                  Created by{' '}
                   <a
                     rel="noreferrer noopener"
                     target="_blank"
@@ -256,26 +231,25 @@ const CourseLesson = ({
       <div className="w-[75vw] mx-auto mt-12 p-12 border-t-2 border-gray-300 max-tab:p-0 max-mob:p-0 max-tab:max-w-[100vw] max-mob:max-w-[100vw]">
         {renderContent()}
       </div>
-      {nAddress !== null &&
-        (!isPaid || decryptionPerformed || session?.user?.role?.subscribed) && (
-          <div className="px-4">
-            {nsec || npub ? (
-              <ZapThreadsWrapper
-                anchor={nAddress}
-                user={nsec || npub || null}
-                relays={appConfig.defaultRelayUrls.join(",")}
-                disable="zaps"
-              />
-            ) : (
-              <ZapThreadsWrapper
-                anchor={nAddress}
-                user={npub}
-                relays={appConfig.defaultRelayUrls.join(",")}
-                disable="zaps"
-              />
-            )}
-          </div>
-        )}
+      {nAddress !== null && (!isPaid || decryptionPerformed || session?.user?.role?.subscribed) && (
+        <div className="px-4">
+          {nsec || npub ? (
+            <ZapThreadsWrapper
+              anchor={nAddress}
+              user={nsec || npub || null}
+              relays={appConfig.defaultRelayUrls.join(',')}
+              disable="zaps"
+            />
+          ) : (
+            <ZapThreadsWrapper
+              anchor={nAddress}
+              user={npub}
+              relays={appConfig.defaultRelayUrls.join(',')}
+              disable="zaps"
+            />
+          )}
+        </div>
+      )}
     </div>
   );
 };
diff --git a/src/components/content/documents/DocumentDetails.js b/src/components/content/documents/DocumentDetails.js
index 8164aea..602ff45 100644
--- a/src/components/content/documents/DocumentDetails.js
+++ b/src/components/content/documents/DocumentDetails.js
@@ -1,25 +1,25 @@
-import React, { useEffect, useState, useRef } from "react";
-import axios from "axios";
-import { useToast } from "@/hooks/useToast";
-import { Tag } from "primereact/tag";
-import Image from "next/image";
-import { useRouter } from "next/router";
-import ResourcePaymentButton from "@/components/bitcoinConnect/ResourcePaymentButton";
-import ZapDisplay from "@/components/zaps/ZapDisplay";
-import GenericButton from "@/components/buttons/GenericButton";
-import { useImageProxy } from "@/hooks/useImageProxy";
-import { useZapsSubscription } from "@/hooks/nostrQueries/zaps/useZapsSubscription";
-import { getTotalFromZaps } from "@/utils/lightning";
-import { useSession } from "next-auth/react";
-import useWindowWidth from "@/hooks/useWindowWidth";
-import dynamic from "next/dynamic";
-import { Toast } from "primereact/toast";
-import MoreOptionsMenu from "@/components/ui/MoreOptionsMenu";
-import ZapThreadsWrapper from "@/components/ZapThreadsWrapper";
-import appConfig from "@/config/appConfig";
-import { nip19 } from "nostr-tools";
+import React, { useEffect, useState, useRef } from 'react';
+import axios from 'axios';
+import { useToast } from '@/hooks/useToast';
+import { Tag } from 'primereact/tag';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import ResourcePaymentButton from '@/components/bitcoinConnect/ResourcePaymentButton';
+import ZapDisplay from '@/components/zaps/ZapDisplay';
+import GenericButton from '@/components/buttons/GenericButton';
+import { useImageProxy } from '@/hooks/useImageProxy';
+import { useZapsSubscription } from '@/hooks/nostrQueries/zaps/useZapsSubscription';
+import { getTotalFromZaps } from '@/utils/lightning';
+import { useSession } from 'next-auth/react';
+import useWindowWidth from '@/hooks/useWindowWidth';
+import dynamic from 'next/dynamic';
+import { Toast } from 'primereact/toast';
+import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
+import appConfig from '@/config/appConfig';
+import { nip19 } from 'nostr-tools';
 
-const MDDisplay = dynamic(() => import("@uiw/react-markdown-preview"), {
+const MDDisplay = dynamic(() => import('@uiw/react-markdown-preview'), {
   ssr: false,
 });
 
@@ -59,71 +59,63 @@ const DocumentDetails = ({
     try {
       const response = await axios.delete(`/api/resources/${processedEvent.d}`);
       if (response.status === 204) {
-        showToast("success", "Success", "Resource deleted successfully.");
-        router.push("/");
+        showToast('success', 'Success', 'Resource deleted successfully.');
+        router.push('/');
       }
     } catch (error) {
       if (
         error.response &&
         error.response.data &&
-        error.response.data.error.includes("Invalid `prisma.resource.delete()`")
+        error.response.data.error.includes('Invalid `prisma.resource.delete()`')
       ) {
         showToast(
-          "error",
-          "Error",
-          "Resource cannot be deleted because it is part of a course, delete the course first."
+          'error',
+          'Error',
+          'Resource cannot be deleted because it is part of a course, delete the course first.'
         );
-      } else if (
-        error.response &&
-        error.response.data &&
-        error.response.data.error
-      ) {
-        showToast("error", "Error", error.response.data.error);
+      } else if (error.response && error.response.data && error.response.data.error) {
+        showToast('error', 'Error', error.response.data.error);
       } else {
-        showToast(
-          "error",
-          "Error",
-          "Failed to delete resource. Please try again."
-        );
+        showToast('error', 'Error', 'Failed to delete resource. Please try again.');
       }
     }
   };
 
   const authorMenuItems = [
     {
-      label: "Edit",
-      icon: "pi pi-pencil",
+      label: 'Edit',
+      icon: 'pi pi-pencil',
       command: () => router.push(`/details/${processedEvent.id}/edit`),
     },
     {
-      label: "Delete",
-      icon: "pi pi-trash",
+      label: 'Delete',
+      icon: 'pi pi-trash',
       command: handleDelete,
     },
     {
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
-        window.open(`https://habla.news/a/${nAddress}`, "_blank");
+        window.open(`https://habla.news/a/${nAddress}`, '_blank');
       },
     },
   ];
 
   const userMenuItems = [
     {
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
-        window.open(`https://habla.news/a/${nAddress}`, "_blank");
+        window.open(`https://habla.news/a/${nAddress}`, '_blank');
       },
     },
   ];
 
   if (course) {
     userMenuItems.unshift({
-      label: isMobileView ? "Course" : "Open Course",
-      icon: "pi pi-external-link",
-      command: () => window.open(`/course/${course}`, "_blank"),
+      label: isMobileView ? 'Course' : 'Open Course',
+      icon: 'pi pi-external-link',
+      command: () => window.open(`/course/${course}`, '_blank'),
     });
   }
 
@@ -138,20 +130,20 @@ const DocumentDetails = ({
     if (isLesson) {
       axios
         .get(`/api/resources/${processedEvent.d}`)
-        .then((res) => {
+        .then(res => {
           if (res.data && res.data.lessons[0]?.courseId) {
             setCourse(res.data.lessons[0]?.courseId);
           }
         })
-        .catch((err) => {
-          console.error("err", err);
+        .catch(err => {
+          console.error('err', err);
         });
     }
   }, [processedEvent.d, isLesson]);
 
   useEffect(() => {
     if (session?.user?.privkey) {
-      const privkeyBuffer = Buffer.from(session.user.privkey, "hex");
+      const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
       setNsec(nip19.nsecEncode(privkeyBuffer));
     } else if (session?.user?.pubkey) {
       setNpub(nip19.npubEncode(session.user.pubkey));
@@ -162,7 +154,7 @@ const DocumentDetails = ({
     if (session?.user && session.user?.role?.subscribed && decryptedContent) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You are subscribed so you can access all paid content`}
           icon="pi pi-check"
           label="Subscribed"
@@ -178,15 +170,13 @@ const DocumentDetails = ({
     if (
       isLesson &&
       course &&
-      session?.user?.purchased?.some((purchase) => purchase.courseId === course)
+      session?.user?.purchased?.some(purchase => purchase.courseId === course)
     ) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You have this lesson through purchasing the course it belongs to. You paid ${
-            session?.user?.purchased?.find(
-              (purchase) => purchase.courseId === course
-            )?.course?.price
+            session?.user?.purchased?.find(purchase => purchase.courseId === course)?.course?.price
           } sats for the course.`}
           icon="pi pi-check"
           label={`Paid`}
@@ -213,20 +203,16 @@ const DocumentDetails = ({
           outlined
           size="small"
           tooltip={`You paid ${processedEvent.price} sats to access this content (or potentially less if a discount was applied)`}
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
         />
       );
     }
 
-    if (
-      paidResource &&
-      author &&
-      processedEvent?.pubkey === session?.user?.pubkey
-    ) {
+    if (paidResource && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You created this paid content, users must pay ${processedEvent.price} sats to access it`}
           icon="pi pi-check"
           label={`Price ${processedEvent.price} sats`}
@@ -243,12 +229,7 @@ const DocumentDetails = ({
 
   const renderContent = () => {
     if (decryptedContent) {
-      return (
-        <MDDisplay
-          className="p-2 rounded-lg w-full"
-          source={decryptedContent}
-        />
-      );
+      return <MDDisplay className="p-2 rounded-lg w-full" source={decryptedContent} />;
     }
     if (paidResource && !decryptedContent) {
       return (
@@ -274,12 +255,7 @@ const DocumentDetails = ({
       );
     }
     if (processedEvent?.content) {
-      return (
-        <MDDisplay
-          className="p-4 rounded-lg w-full"
-          source={processedEvent.content}
-        />
-      );
+      return <MDDisplay className="p-4 rounded-lg w-full" source={processedEvent.content} />;
     }
     return null;
   };
@@ -312,11 +288,9 @@ const DocumentDetails = ({
               topics.map((topic, index) => (
                 <Tag className="text-[#f8f8ff]" key={index} value={topic}></Tag>
               ))}
-            {isLesson && (
-              <Tag size="small" className="text-[#f8f8ff]" value="lesson" />
-            )}
+            {isLesson && <Tag size="small" className="text-[#f8f8ff]" value="lesson" />}
           </div>
-          {summary?.split("\n").map((line, index) => (
+          {summary?.split('\n').map((line, index) => (
             <p key={index}>{line}</p>
           ))}
           <div className="flex items-center justify-between mt-8">
@@ -329,7 +303,7 @@ const DocumentDetails = ({
                 className="rounded-full mr-4"
               />
               <p className="text-lg text-white">
-                By{" "}
+                By{' '}
                 <a
                   rel="noreferrer noopener"
                   target="_blank"
@@ -350,21 +324,19 @@ const DocumentDetails = ({
           <div className="w-full mt-4">{renderPaymentMessage()}</div>
           {nAddress && (
             <div className="mt-8">
-              {!paidResource ||
-              decryptedContent ||
-              session?.user?.role?.subscribed ? (
+              {!paidResource || decryptedContent || session?.user?.role?.subscribed ? (
                 <ZapThreadsWrapper
                   anchor={nAddress}
                   user={session?.user ? nsec || npub : null}
-                  relays={appConfig.defaultRelayUrls.join(",")}
+                  relays={appConfig.defaultRelayUrls.join(',')}
                   disable="zaps"
                   isAuthorized={true}
                 />
               ) : (
                 <div className="text-center p-4 bg-gray-800/50 rounded-lg">
                   <p className="text-gray-400">
-                    Comments are only available to content purchasers,
-                    subscribers, and the content creator.
+                    Comments are only available to content purchasers, subscribers, and the content
+                    creator.
                   </p>
                 </div>
               )}
diff --git a/src/components/content/videos/VideoDetails.js b/src/components/content/videos/VideoDetails.js
index 5870485..71b4c9d 100644
--- a/src/components/content/videos/VideoDetails.js
+++ b/src/components/content/videos/VideoDetails.js
@@ -1,25 +1,25 @@
-import React, { useEffect, useState, useRef } from "react";
-import axios from "axios";
-import { useToast } from "@/hooks/useToast";
-import { Tag } from "primereact/tag";
-import Image from "next/image";
-import { useRouter } from "next/router";
-import ResourcePaymentButton from "@/components/bitcoinConnect/ResourcePaymentButton";
-import ZapDisplay from "@/components/zaps/ZapDisplay";
-import GenericButton from "@/components/buttons/GenericButton";
-import { useImageProxy } from "@/hooks/useImageProxy";
-import { useZapsSubscription } from "@/hooks/nostrQueries/zaps/useZapsSubscription";
-import { getTotalFromZaps } from "@/utils/lightning";
-import { useSession } from "next-auth/react";
-import useWindowWidth from "@/hooks/useWindowWidth";
-import dynamic from "next/dynamic";
-import { Toast } from "primereact/toast";
-import MoreOptionsMenu from "@/components/ui/MoreOptionsMenu";
-import ZapThreadsWrapper from "@/components/ZapThreadsWrapper";
-import appConfig from "@/config/appConfig";
-import { nip19 } from "nostr-tools";
+import React, { useEffect, useState, useRef } from 'react';
+import axios from 'axios';
+import { useToast } from '@/hooks/useToast';
+import { Tag } from 'primereact/tag';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import ResourcePaymentButton from '@/components/bitcoinConnect/ResourcePaymentButton';
+import ZapDisplay from '@/components/zaps/ZapDisplay';
+import GenericButton from '@/components/buttons/GenericButton';
+import { useImageProxy } from '@/hooks/useImageProxy';
+import { useZapsSubscription } from '@/hooks/nostrQueries/zaps/useZapsSubscription';
+import { getTotalFromZaps } from '@/utils/lightning';
+import { useSession } from 'next-auth/react';
+import useWindowWidth from '@/hooks/useWindowWidth';
+import dynamic from 'next/dynamic';
+import { Toast } from 'primereact/toast';
+import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
+import appConfig from '@/config/appConfig';
+import { nip19 } from 'nostr-tools';
 
-const MDDisplay = dynamic(() => import("@uiw/react-markdown-preview"), {
+const MDDisplay = dynamic(() => import('@uiw/react-markdown-preview'), {
   ssr: false,
 });
 
@@ -59,71 +59,63 @@ const VideoDetails = ({
     try {
       const response = await axios.delete(`/api/resources/${processedEvent.d}`);
       if (response.status === 204) {
-        showToast("success", "Success", "Resource deleted successfully.");
-        router.push("/");
+        showToast('success', 'Success', 'Resource deleted successfully.');
+        router.push('/');
       }
     } catch (error) {
       if (
         error.response &&
         error.response.data &&
-        error.response.data.error.includes("Invalid `prisma.resource.delete()`")
+        error.response.data.error.includes('Invalid `prisma.resource.delete()`')
       ) {
         showToast(
-          "error",
-          "Error",
-          "Resource cannot be deleted because it is part of a course, delete the course first."
+          'error',
+          'Error',
+          'Resource cannot be deleted because it is part of a course, delete the course first.'
         );
-      } else if (
-        error.response &&
-        error.response.data &&
-        error.response.data.error
-      ) {
-        showToast("error", "Error", error.response.data.error);
+      } else if (error.response && error.response.data && error.response.data.error) {
+        showToast('error', 'Error', error.response.data.error);
       } else {
-        showToast(
-          "error",
-          "Error",
-          "Failed to delete resource. Please try again."
-        );
+        showToast('error', 'Error', 'Failed to delete resource. Please try again.');
       }
     }
   };
 
   const authorMenuItems = [
     {
-      label: "Edit",
-      icon: "pi pi-pencil",
+      label: 'Edit',
+      icon: 'pi pi-pencil',
       command: () => router.push(`/details/${processedEvent.id}/edit`),
     },
     {
-      label: "Delete",
-      icon: "pi pi-trash",
+      label: 'Delete',
+      icon: 'pi pi-trash',
       command: handleDelete,
     },
     {
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
-        window.open(`https://habla.news/a/${nAddress}`, "_blank");
+        window.open(`https://habla.news/a/${nAddress}`, '_blank');
       },
     },
   ];
 
   const userMenuItems = [
     {
-      label: "View Nostr note",
-      icon: "pi pi-globe",
+      label: 'View Nostr note',
+      icon: 'pi pi-globe',
       command: () => {
-        window.open(`https://habla.news/a/${nAddress}`, "_blank");
+        window.open(`https://habla.news/a/${nAddress}`, '_blank');
       },
     },
   ];
 
   if (course) {
     userMenuItems.unshift({
-      label: isMobileView ? "Course" : "Open Course",
-      icon: "pi pi-external-link",
-      command: () => window.open(`/course/${course}`, "_blank"),
+      label: isMobileView ? 'Course' : 'Open Course',
+      icon: 'pi pi-external-link',
+      command: () => window.open(`/course/${course}`, '_blank'),
     });
   }
 
@@ -131,13 +123,13 @@ const VideoDetails = ({
     if (isLesson) {
       axios
         .get(`/api/resources/${processedEvent.d}`)
-        .then((res) => {
+        .then(res => {
           if (res.data && res.data.lessons[0]?.courseId) {
             setCourse(res.data.lessons[0]?.courseId);
           }
         })
-        .catch((err) => {
-          console.error("err", err);
+        .catch(err => {
+          console.error('err', err);
         });
     }
   }, [processedEvent.d, isLesson]);
@@ -151,7 +143,7 @@ const VideoDetails = ({
 
   useEffect(() => {
     if (session?.user?.privkey) {
-      const privkeyBuffer = Buffer.from(session.user.privkey, "hex");
+      const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
       setNsec(nip19.nsecEncode(privkeyBuffer));
     } else if (session?.user?.pubkey) {
       setNpub(nip19.npubEncode(session.user.pubkey));
@@ -162,7 +154,7 @@ const VideoDetails = ({
     if (session?.user && session.user?.role?.subscribed && decryptedContent) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You are subscribed so you can access all paid content`}
           icon="pi pi-check"
           label="Subscribed"
@@ -177,21 +169,17 @@ const VideoDetails = ({
     if (
       isLesson &&
       course &&
-      session?.user?.purchased?.some((purchase) => purchase.courseId === course)
+      session?.user?.purchased?.some(purchase => purchase.courseId === course)
     ) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You have this lesson through purchasing the course it belongs to. You paid ${
-            session?.user?.purchased?.find(
-              (purchase) => purchase.courseId === course
-            )?.course?.price
+            session?.user?.purchased?.find(purchase => purchase.courseId === course)?.course?.price
           } sats for the course.`}
           icon="pi pi-check"
           label={`Paid ${
-            session?.user?.purchased?.find(
-              (purchase) => purchase.courseId === course
-            )?.course?.price
+            session?.user?.purchased?.find(purchase => purchase.courseId === course)?.course?.price
           } sats`}
           severity="success"
           outlined
@@ -220,14 +208,10 @@ const VideoDetails = ({
       );
     }
 
-    if (
-      paidResource &&
-      author &&
-      processedEvent?.pubkey === session?.user?.pubkey
-    ) {
+    if (paidResource && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
         <GenericButton
-          tooltipOptions={{ position: "top" }}
+          tooltipOptions={{ position: 'top' }}
           tooltip={`You created this paid content, users must pay ${processedEvent.price} sats to access it`}
           icon="pi pi-check"
           label={`Price ${processedEvent.price} sats`}
@@ -244,12 +228,7 @@ const VideoDetails = ({
 
   const renderContent = () => {
     if (decryptedContent) {
-      return (
-        <MDDisplay
-          className="p-0 rounded-lg w-full"
-          source={decryptedContent}
-        />
-      );
+      return <MDDisplay className="p-0 rounded-lg w-full" source={decryptedContent} />;
     }
     if (paidResource && !decryptedContent) {
       return (
@@ -258,8 +237,8 @@ const VideoDetails = ({
             className="absolute inset-0 opacity-50"
             style={{
               backgroundImage: `url(${image})`,
-              backgroundSize: "cover",
-              backgroundPosition: "center",
+              backgroundSize: 'cover',
+              backgroundPosition: 'center',
             }}
           ></div>
           <div className="absolute inset-0 bg-black bg-opacity-50"></div>
@@ -282,12 +261,7 @@ const VideoDetails = ({
       );
     }
     if (processedEvent?.content) {
-      return (
-        <MDDisplay
-          className="p-0 rounded-lg w-full"
-          source={processedEvent.content}
-        />
-      );
+      return <MDDisplay className="p-0 rounded-lg w-full" source={processedEvent.content} />;
     }
     return null;
   };
@@ -297,9 +271,7 @@ const VideoDetails = ({
       <Toast ref={toastRef} />
       {renderContent()}
       <div className="bg-gray-800/90 rounded-lg p-4 m-4 max-mob:m-0 max-tab:m-0 max-mob:rounded-t-none max-tab:rounded-t-none">
-        <div
-          className={`w-full flex flex-col items-start justify-start mt-2 px-2`}
-        >
+        <div className={`w-full flex flex-col items-start justify-start mt-2 px-2`}>
           <div className="flex flex-col items-start gap-2 w-full">
             <div className="flex flex-row items-center justify-between gap-2 w-full">
               <h1 className="text-4xl flex-grow">{title}</h1>
@@ -313,18 +285,14 @@ const VideoDetails = ({
               {topics &&
                 topics.length > 0 &&
                 topics.map((topic, index) => (
-                  <Tag
-                    className="mt-2 text-white"
-                    key={index}
-                    value={topic}
-                  ></Tag>
+                  <Tag className="mt-2 text-white" key={index} value={topic}></Tag>
                 ))}
               {isLesson && <Tag className="mt-2 text-white" value="lesson" />}
             </div>
           </div>
           <div className="flex flex-row items-center justify-between w-full">
             <div className="my-4 max-mob:text-base max-tab:text-base">
-              {summary?.split("\n").map((line, index) => (
+              {summary?.split('\n').map((line, index) => (
                 <p key={index}>{line}</p>
               ))}
             </div>
@@ -339,7 +307,7 @@ const VideoDetails = ({
                 className="rounded-full mr-4"
               />
               <p className="text-lg text-white">
-                By{" "}
+                By{' '}
                 <a
                   rel="noreferrer noopener"
                   target="_blank"
@@ -358,26 +326,22 @@ const VideoDetails = ({
             </div>
           </div>
         </div>
-        <div className="w-full flex justify-start mt-4">
-          {renderPaymentMessage()}
-        </div>
+        <div className="w-full flex justify-start mt-4">{renderPaymentMessage()}</div>
         {nAddress && (
           <div className="mt-8">
-            {!paidResource ||
-            decryptedContent ||
-            session?.user?.role?.subscribed ? (
+            {!paidResource || decryptedContent || session?.user?.role?.subscribed ? (
               <ZapThreadsWrapper
                 anchor={nAddress}
                 user={session?.user ? nsec || npub : null}
-                relays={appConfig.defaultRelayUrls.join(",")}
+                relays={appConfig.defaultRelayUrls.join(',')}
                 disable="zaps"
                 isAuthorized={true}
               />
             ) : (
               <div className="text-center p-4 bg-gray-800/50 rounded-lg">
                 <p className="text-gray-400">
-                  Comments are only available to content purchasers,
-                  subscribers, and the content creator.
+                  Comments are only available to content purchasers, subscribers, and the content
+                  creator.
                 </p>
               </div>
             )}
diff --git a/src/config/appConfig.js b/src/config/appConfig.js
index d24e55d..3155d97 100644
--- a/src/config/appConfig.js
+++ b/src/config/appConfig.js
@@ -12,6 +12,7 @@ const appConfig = {
   authorPubkeys: [
     'f33c8a9617cb15f705fc70cd461cfd6eaf22f9e24c33eabad981648e5ec6f741',
     'c67cd3e1a83daa56cff16f635db2fdb9ed9619300298d4701a58e68e84098345',
+    'b9f4c34dc25b2ddd785c007bf6e12619bb1c9b8335b8d75d37bf76e97d1a0e31',
   ],
   customLightningAddresses: [
     {
diff --git a/src/pages/api/lightning-address/callback/[slug].js b/src/pages/api/lightning-address/callback/[slug].js
index 68f12e3..f9e476a 100644
--- a/src/pages/api/lightning-address/callback/[slug].js
+++ b/src/pages/api/lightning-address/callback/[slug].js
@@ -81,10 +81,12 @@ export default async function handler(req, res) {
               },
             }
           );
-          res.status(200).json({
-            pr: response.data.invoice,
-            verify: `${BACKEND_URL}/api/lightning-address/verify/${slug}/${response.data.payment_hash}`,
-          });
+          res
+            .status(200)
+            .json({
+              pr: response.data.invoice,
+              verify: `${BACKEND_URL}/api/lightning-address/verify/${slug}/${response.data.payment_hash}`,
+            });
         } catch (error) {
           console.error(error);
           res.status(500).json({ error: 'Failed to generate invoice' });
diff --git a/src/pages/course/[slug]/index.js b/src/pages/course/[slug]/index.js
index 5be9efd..cb0c9a2 100644
--- a/src/pages/course/[slug]/index.js
+++ b/src/pages/course/[slug]/index.js
@@ -1,24 +1,24 @@
-import React, { useEffect, useState, useCallback } from "react";
-import { useRouter } from "next/router";
-import { parseCourseEvent, parseEvent, findKind0Fields } from "@/utils/nostr";
-import CourseDetails from "@/components/content/courses/CourseDetails";
-import VideoLesson from "@/components/content/courses/VideoLesson";
-import DocumentLesson from "@/components/content/courses/DocumentLesson";
-import CombinedLesson from "@/components/content/courses/CombinedLesson";
-import { useNDKContext } from "@/context/NDKContext";
-import { useSession } from "next-auth/react";
-import axios from "axios";
-import { nip04, nip19 } from "nostr-tools";
-import { useToast } from "@/hooks/useToast";
-import { ProgressSpinner } from "primereact/progressspinner";
-import { Accordion, AccordionTab } from "primereact/accordion";
-import { Tag } from "primereact/tag";
-import { useDecryptContent } from "@/hooks/encryption/useDecryptContent";
-import dynamic from "next/dynamic";
-import ZapThreadsWrapper from "@/components/ZapThreadsWrapper";
-import appConfig from "@/config/appConfig";
+import React, { useEffect, useState, useCallback } from 'react';
+import { useRouter } from 'next/router';
+import { parseCourseEvent, parseEvent, findKind0Fields } from '@/utils/nostr';
+import CourseDetails from '@/components/content/courses/CourseDetails';
+import VideoLesson from '@/components/content/courses/VideoLesson';
+import DocumentLesson from '@/components/content/courses/DocumentLesson';
+import CombinedLesson from '@/components/content/courses/CombinedLesson';
+import { useNDKContext } from '@/context/NDKContext';
+import { useSession } from 'next-auth/react';
+import axios from 'axios';
+import { nip04, nip19 } from 'nostr-tools';
+import { useToast } from '@/hooks/useToast';
+import { ProgressSpinner } from 'primereact/progressspinner';
+import { Accordion, AccordionTab } from 'primereact/accordion';
+import { Tag } from 'primereact/tag';
+import { useDecryptContent } from '@/hooks/encryption/useDecryptContent';
+import dynamic from 'next/dynamic';
+import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
+import appConfig from '@/config/appConfig';
 
-const MDDisplay = dynamic(() => import("@uiw/react-markdown-preview"), {
+const MDDisplay = dynamic(() => import('@uiw/react-markdown-preview'), {
   ssr: false,
 });
 
@@ -36,10 +36,10 @@ const useCourseData = (ndk, fetchAuthor, router) => {
     let id;
 
     const fetchCourseId = async () => {
-      if (slug.includes("naddr")) {
+      if (slug.includes('naddr')) {
         const { data } = nip19.decode(slug);
         if (!data?.identifier) {
-          showToast("error", "Error", "Resource not found");
+          showToast('error', 'Error', 'Resource not found');
           return null;
         }
         return data.identifier;
@@ -48,21 +48,19 @@ const useCourseData = (ndk, fetchAuthor, router) => {
       }
     };
 
-    const fetchCourse = async (courseId) => {
+    const fetchCourse = async courseId => {
       try {
         await ndk.connect();
-        const event = await ndk.fetchEvent({ "#d": [courseId] });
+        const event = await ndk.fetchEvent({ '#d': [courseId] });
         if (!event) return null;
 
         const author = await fetchAuthor(event.pubkey);
-        const lessonIds = event.tags
-          .filter((tag) => tag[0] === "a")
-          .map((tag) => tag[1].split(":")[2]);
+        const lessonIds = event.tags.filter(tag => tag[0] === 'a').map(tag => tag[1].split(':')[2]);
 
         const parsedCourse = { ...parseCourseEvent(event), author };
         return { parsedCourse, lessonIds };
       } catch (error) {
-        console.error("Error fetching event:", error);
+        console.error('Error fetching event:', error);
         return null;
       }
     };
@@ -97,11 +95,11 @@ const useLessons = (ndk, fetchAuthor, lessonIds, pubkey) => {
   const { showToast } = useToast();
   useEffect(() => {
     if (lessonIds.length > 0) {
-      const fetchLesson = async (lessonId) => {
+      const fetchLesson = async lessonId => {
         try {
           await ndk.connect();
           const filter = {
-            "#d": [lessonId],
+            '#d': [lessonId],
             kinds: [30023, 30402],
             authors: [pubkey],
           };
@@ -109,11 +107,9 @@ const useLessons = (ndk, fetchAuthor, lessonIds, pubkey) => {
           if (event) {
             const author = await fetchAuthor(event.pubkey);
             const parsedLesson = { ...parseEvent(event), author };
-            setLessons((prev) => {
+            setLessons(prev => {
               // Check if the lesson already exists in the array
-              const exists = prev.some(
-                (lesson) => lesson.id === parsedLesson.id
-              );
+              const exists = prev.some(lesson => lesson.id === parsedLesson.id);
               if (!exists) {
                 return [...prev, parsedLesson];
               }
@@ -121,16 +117,16 @@ const useLessons = (ndk, fetchAuthor, lessonIds, pubkey) => {
             });
           }
         } catch (error) {
-          console.error("Error fetching event:", error);
+          console.error('Error fetching event:', error);
         }
       };
-      lessonIds.forEach((lessonId) => fetchLesson(lessonId));
+      lessonIds.forEach(lessonId => fetchLesson(lessonId));
     }
   }, [lessonIds, ndk, fetchAuthor, pubkey]);
 
   useEffect(() => {
     const newUniqueLessons = Array.from(
-      new Map(lessons.map((lesson) => [lesson.id, lesson])).values()
+      new Map(lessons.map(lesson => [lesson.id, lesson])).values()
     );
     setUniqueLessons(newUniqueLessons);
   }, [lessons]);
@@ -148,16 +144,14 @@ const useDecryption = (session, paidCourse, course, lessons, setLessons) => {
       if (session?.user && paidCourse && !decryptionPerformed) {
         setLoading(true);
         const canAccess =
-          session.user.purchased?.some(
-            (purchase) => purchase.courseId === course?.d
-          ) ||
+          session.user.purchased?.some(purchase => purchase.courseId === course?.d) ||
           session.user?.role?.subscribed ||
           session.user?.pubkey === course?.pubkey;
 
         if (canAccess && lessons.length > 0) {
           try {
             const decryptedLessons = await Promise.all(
-              lessons.map(async (lesson) => {
+              lessons.map(async lesson => {
                 const decryptedContent = await decryptContent(lesson.content);
                 return { ...lesson, content: decryptedContent };
               })
@@ -165,7 +159,7 @@ const useDecryption = (session, paidCourse, course, lessons, setLessons) => {
             setLessons(decryptedLessons);
             setDecryptionPerformed(true);
           } catch (error) {
-            console.error("Error decrypting lessons:", error);
+            console.error('Error decrypting lessons:', error);
           }
         }
         setLoading(false);
@@ -189,12 +183,12 @@ const Course = () => {
   const [nsec, setNsec] = useState(null);
   const [npub, setNpub] = useState(null);
 
-  const setCompleted = useCallback((lessonId) => {
-    setCompletedLessons((prev) => [...prev, lessonId]);
+  const setCompleted = useCallback(lessonId => {
+    setCompletedLessons(prev => [...prev, lessonId]);
   }, []);
 
   const fetchAuthor = useCallback(
-    async (pubkey) => {
+    async pubkey => {
       const author = await ndk.getUser({ pubkey });
       const profile = await author.fetchProfile();
       const fields = await findKind0Fields(profile);
@@ -237,7 +231,7 @@ const Course = () => {
   useEffect(() => {
     if (uniqueLessons.length > 0) {
       const addresses = {};
-      uniqueLessons.forEach((lesson) => {
+      uniqueLessons.forEach(lesson => {
         const addr = nip19.naddrEncode({
           pubkey: lesson.pubkey,
           kind: lesson.kind,
@@ -252,49 +246,37 @@ const Course = () => {
 
   useEffect(() => {
     if (session?.user?.privkey) {
-      const privkeyBuffer = Buffer.from(session.user.privkey, "hex");
+      const privkeyBuffer = Buffer.from(session.user.privkey, 'hex');
       setNsec(nip19.nsecEncode(privkeyBuffer));
     } else if (session?.user?.pubkey) {
       setNpub(nip19.npubEncode(session.user.pubkey));
     }
   }, [session]);
 
-  const handleAccordionChange = (e) => {
+  const handleAccordionChange = e => {
     const newIndex = e.index === expandedIndex ? null : e.index;
     setExpandedIndex(newIndex);
 
     if (newIndex !== null) {
-      router.push(
-        `/course/${router.query.slug}?active=${newIndex}`,
-        undefined,
-        { shallow: true }
-      );
+      router.push(`/course/${router.query.slug}?active=${newIndex}`, undefined, { shallow: true });
     } else {
       router.push(`/course/${router.query.slug}`, undefined, { shallow: true });
     }
   };
 
-  const handlePaymentSuccess = async (response) => {
+  const handlePaymentSuccess = async response => {
     if (response && response?.preimage) {
       const updated = await update();
-      showToast(
-        "success",
-        "Payment Success",
-        "You have successfully purchased this course"
-      );
+      showToast('success', 'Payment Success', 'You have successfully purchased this course');
     } else {
-      showToast(
-        "error",
-        "Error",
-        "Failed to purchase course. Please try again."
-      );
+      showToast('error', 'Error', 'Failed to purchase course. Please try again.');
     }
   };
 
-  const handlePaymentError = (error) => {
+  const handlePaymentError = error => {
     showToast(
-      "error",
-      "Payment Error",
+      'error',
+      'Payment Error',
       `Failed to purchase course. Please try again. Error: ${error}`
     );
   };
@@ -307,11 +289,8 @@ const Course = () => {
     );
   }
 
-  const renderLesson = (lesson) => {
-    if (
-      lesson.topics?.includes("video") &&
-      lesson.topics?.includes("document")
-    ) {
+  const renderLesson = lesson => {
+    if (lesson.topics?.includes('video') && lesson.topics?.includes('document')) {
       return (
         <CombinedLesson
           lesson={lesson}
@@ -321,10 +300,7 @@ const Course = () => {
           setCompleted={setCompleted}
         />
       );
-    } else if (
-      lesson.type === "video" &&
-      !lesson.topics?.includes("document")
-    ) {
+    } else if (lesson.type === 'video' && !lesson.topics?.includes('document')) {
       return (
         <VideoLesson
           lesson={lesson}
@@ -334,10 +310,7 @@ const Course = () => {
           setCompleted={setCompleted}
         />
       );
-    } else if (
-      lesson.type === "document" &&
-      !lesson.topics?.includes("video")
-    ) {
+    } else if (lesson.type === 'document' && !lesson.topics?.includes('video')) {
       return (
         <DocumentLesson
           lesson={lesson}
@@ -372,11 +345,11 @@ const Course = () => {
             <AccordionTab
               key={index}
               pt={{
-                root: { className: "border-none" },
-                header: { className: "border-none" },
-                headerAction: { className: "border-none" },
-                content: { className: "border-none max-mob:px-0 max-tab:px-0" },
-                accordiontab: { className: "border-none" },
+                root: { className: 'border-none' },
+                header: { className: 'border-none' },
+                headerAction: { className: 'border-none' },
+                content: { className: 'border-none max-mob:px-0 max-tab:px-0' },
+                accordiontab: { className: 'border-none' },
               }}
               header={
                 <div className="flex align-items-center justify-between w-full">
@@ -394,21 +367,19 @@ const Course = () => {
                 {renderLesson(lesson)}
                 {nAddresses[lesson.id] && (
                   <div className="mt-8">
-                    {!paidCourse ||
-                    decryptionPerformed ||
-                    session?.user?.role?.subscribed ? (
+                    {!paidCourse || decryptionPerformed || session?.user?.role?.subscribed ? (
                       <ZapThreadsWrapper
                         anchor={nAddresses[lesson.id]}
                         user={session?.user ? nsec || npub : null}
-                        relays={appConfig.defaultRelayUrls.join(",")}
+                        relays={appConfig.defaultRelayUrls.join(',')}
                         disable="zaps"
                         isAuthorized={true}
                       />
                     ) : (
                       <div className="text-center p-4 bg-gray-800/50 rounded-lg">
                         <p className="text-gray-400">
-                          Comments are only available to course purchasers,
-                          subscribers, and the course creator.
+                          Comments are only available to course purchasers, subscribers, and the
+                          course creator.
                         </p>
                       </div>
                     )}
@@ -419,9 +390,7 @@ const Course = () => {
           ))}
       </Accordion>
       <div className="mx-auto my-6">
-        {course?.content && (
-          <MDDisplay className="p-4 rounded-lg" source={course.content} />
-        )}
+        {course?.content && <MDDisplay className="p-4 rounded-lg" source={course.content} />}
       </div>
     </>
   );