mirror of
https://github.com/AustinKelsay/plebdevs.git
synced 2025-06-23 16:05:24 +00:00
Remove unused course and content hooks
This commit is contained in:
Austin Kelsay
parent
892ac6c7be
commit
d31e28f49b
@ -1,206 +0,0 @@
|
|||||||
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 { 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 MarkdownDisplay from '@/components/markdown/MarkdownDisplay';
|
|
||||||
|
|
||||||
const CourseLesson = ({ lesson, course, decryptionPerformed, isPaid, setCompleted }) => {
|
|
||||||
const [zapAmount, setZapAmount] = useState(0);
|
|
||||||
const { zaps, zapsLoading, zapsError } = useZapsQuery({ event: lesson, type: 'lesson' });
|
|
||||||
const { returnImageProxy } = useImageProxy();
|
|
||||||
const menuRef = useRef(null);
|
|
||||||
const toastRef = useRef(null);
|
|
||||||
const windowWidth = useWindowWidth();
|
|
||||||
const isMobileView = windowWidth <= 768;
|
|
||||||
const { data: session } = useSession();
|
|
||||||
|
|
||||||
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 buildMenuItems = () => {
|
|
||||||
const items = [];
|
|
||||||
|
|
||||||
const hasAccess =
|
|
||||||
session?.user && (!isPaid || decryptionPerformed || session.user.role?.subscribed);
|
|
||||||
|
|
||||||
if (hasAccess) {
|
|
||||||
items.push({
|
|
||||||
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',
|
|
||||||
life: 3000,
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Failed to mark lesson as completed:', error);
|
|
||||||
toastRef.current.show({
|
|
||||||
severity: 'error',
|
|
||||||
summary: 'Error',
|
|
||||||
detail: 'Failed to mark lesson as completed',
|
|
||||||
life: 3000,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
items.push({
|
|
||||||
label: 'Open lesson',
|
|
||||||
icon: 'pi pi-arrow-up-right',
|
|
||||||
command: () => {
|
|
||||||
window.open(`/details/${lesson.id}`, '_blank');
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
items.push({
|
|
||||||
label: 'View Nostr note',
|
|
||||||
icon: 'pi pi-globe',
|
|
||||||
command: () => {
|
|
||||||
if (lesson?.d) {
|
|
||||||
const addr = nip19.naddrEncode({
|
|
||||||
pubkey: lesson.pubkey,
|
|
||||||
kind: lesson.kind,
|
|
||||||
identifier: lesson.d,
|
|
||||||
relays: appConfig.defaultRelayUrls || [],
|
|
||||||
});
|
|
||||||
window.open(`https://habla.news/a/${addr}`, '_blank');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
return items;
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!zaps || zapsLoading || zapsError) return;
|
|
||||||
|
|
||||||
const total = getTotalFromZaps(zaps, lesson);
|
|
||||||
|
|
||||||
setZapAmount(total);
|
|
||||||
}, [zaps, zapsLoading, zapsError, lesson]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (isCompleted && !isTracking && setCompleted) {
|
|
||||||
setCompleted(lesson.id);
|
|
||||||
}
|
|
||||||
}, [isCompleted, isTracking, lesson.id, setCompleted]);
|
|
||||||
|
|
||||||
const renderContent = () => {
|
|
||||||
if (isPaid && decryptionPerformed) {
|
|
||||||
return <MarkdownDisplay content={lesson.content} className="p-4 rounded-lg w-full" />;
|
|
||||||
}
|
|
||||||
if (isPaid && !decryptionPerformed) {
|
|
||||||
return (
|
|
||||||
<p className="text-center text-xl text-red-500">
|
|
||||||
This content is paid and needs to be purchased before viewing.
|
|
||||||
</p>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (lesson?.content) {
|
|
||||||
return <MarkdownDisplay content={lesson.content} className="p-4 rounded-lg w-full" />;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="w-full px-24 pt-12 mx-auto mt-4 max-tab:px-0 max-mob:px-0 max-tab:pt-2 max-mob:pt-2">
|
|
||||||
<Toast ref={toastRef} />
|
|
||||||
<div className="w-full flex flex-row justify-between max-tab:flex-col max-mob:flex-col">
|
|
||||||
<div className="w-[75vw] mx-auto flex flex-row items-start justify-between max-tab:flex-col max-mob:flex-col max-tab:w-[95vw] max-mob:w-[95vw]">
|
|
||||||
<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} />
|
|
||||||
</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>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
<div className="text-xl mt-6">
|
|
||||||
{lesson?.summary && (
|
|
||||||
<div className="text-xl mt-4">
|
|
||||||
{lesson.summary.split('\n').map((line, index) => (
|
|
||||||
<p key={index}>{line}</p>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center justify-between w-full mt-8">
|
|
||||||
<div className="flex flex-row w-fit items-center">
|
|
||||||
<Image
|
|
||||||
alt="avatar thumbnail"
|
|
||||||
src={returnImageProxy(lesson.author?.avatar, lesson.author?.pubkey)}
|
|
||||||
width={50}
|
|
||||||
height={50}
|
|
||||||
className="rounded-full mr-4"
|
|
||||||
/>
|
|
||||||
<p className="text-lg">
|
|
||||||
Created by{' '}
|
|
||||||
<a
|
|
||||||
rel="noreferrer noopener"
|
|
||||||
target="_blank"
|
|
||||||
className="text-blue-500 hover:underline"
|
|
||||||
>
|
|
||||||
{lesson.author?.username || lesson.author?.pubkey}
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="flex justify-end">
|
|
||||||
<MoreOptionsMenu
|
|
||||||
menuItems={buildMenuItems()}
|
|
||||||
additionalLinks={lesson?.additionalLinks || []}
|
|
||||||
isMobileView={isMobileView}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="flex flex-col max-tab:mt-12 max-mob:mt-12">
|
|
||||||
{lesson && (
|
|
||||||
<div className="flex flex-col items-center justify-between rounded-lg h-72 p-4 bg-gray-700 drop-shadow-md">
|
|
||||||
<Image
|
|
||||||
alt="course thumbnail"
|
|
||||||
src={returnImageProxy(lesson.image)}
|
|
||||||
width={344}
|
|
||||||
height={194}
|
|
||||||
className="w-[344px] h-[194px] object-cover object-top rounded-lg"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default CourseLesson;
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import { cva } from 'class-variance-authority';
|
|
||||||
|
|
||||||
import { cn } from '@/utils/tw';
|
|
||||||
|
|
||||||
const badgeVariants = cva(
|
|
||||||
'inline-flex items-center rounded-full border border-neutral-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 dark:border-neutral-800 dark:focus:ring-neutral-300',
|
|
||||||
{
|
|
||||||
variants: {
|
|
||||||
variant: {
|
|
||||||
default:
|
|
||||||
'border-transparent bg-neutral-900 text-neutral-50 hover:bg-neutral-900/80 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/80',
|
|
||||||
secondary:
|
|
||||||
'border-transparent bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80',
|
|
||||||
destructive:
|
|
||||||
'border-transparent bg-red-500 text-neutral-50 hover:bg-red-500/80 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/80',
|
|
||||||
outline: 'text-neutral-950 dark:text-neutral-50',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
defaultVariants: {
|
|
||||||
variant: 'default',
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
function Badge({ className, variant, ...props }) {
|
|
||||||
return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
export { Badge, badgeVariants };
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import { Slot } from '@radix-ui/react-slot';
|
|
||||||
import { cva } from 'class-variance-authority';
|
|
||||||
|
|
||||||
import { cn } from '@/utils/tw';
|
|
||||||
|
|
||||||
const buttonVariants = cva(
|
|
||||||
'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300',
|
|
||||||
{
|
|
||||||
variants: {
|
|
||||||
variant: {
|
|
||||||
default:
|
|
||||||
'bg-neutral-900 text-neutral-50 hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90',
|
|
||||||
destructive:
|
|
||||||
'bg-red-500 text-neutral-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90',
|
|
||||||
outline:
|
|
||||||
'border border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50',
|
|
||||||
secondary:
|
|
||||||
'bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80',
|
|
||||||
ghost:
|
|
||||||
'hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50',
|
|
||||||
link: 'text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50',
|
|
||||||
},
|
|
||||||
size: {
|
|
||||||
default: 'h-10 px-4 py-2',
|
|
||||||
sm: 'h-9 rounded-md px-3',
|
|
||||||
lg: 'h-11 rounded-md px-8',
|
|
||||||
icon: 'h-10 w-10',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
defaultVariants: {
|
|
||||||
variant: 'default',
|
|
||||||
size: 'default',
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
||||||
const Comp = asChild ? Slot : 'button';
|
|
||||||
return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;
|
|
||||||
});
|
|
||||||
Button.displayName = 'Button';
|
|
||||||
|
|
||||||
export { Button, buttonVariants };
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
import useCourseDecryption from '../encryption/useCourseDecryption';
|
|
||||||
import useCourseTabs from './useCourseTabs';
|
|
||||||
import useCoursePayment from './useCoursePayment';
|
|
||||||
import useCourseData from './useCourseData';
|
|
||||||
import useLessons from './useLessons';
|
|
||||||
import useCourseNavigation from './useCourseNavigation';
|
|
||||||
import useCourseTabsState from './useCourseTabsState';
|
|
||||||
|
|
||||||
export {
|
|
||||||
useCourseDecryption,
|
|
||||||
useCourseTabs,
|
|
||||||
useCoursePayment,
|
|
||||||
useCourseData,
|
|
||||||
useLessons,
|
|
||||||
useCourseNavigation,
|
|
||||||
useCourseTabsState
|
|
||||||
};
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
import { useCallback, useMemo } from 'react';
|
|
||||||
import { useToast } from '../useToast';
|
|
||||||
import { useSession } from 'next-auth/react';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Hook to handle course payment processing and authorization
|
|
||||||
* @param {Object} course - The course object
|
|
||||||
* @returns {Object} Payment handling utilities and authorization state
|
|
||||||
*/
|
|
||||||
const useCoursePayment = (course) => {
|
|
||||||
const { data: session, update } = useSession();
|
|
||||||
const { showToast } = useToast();
|
|
||||||
|
|
||||||
// Determine if course requires payment
|
|
||||||
const isPaidCourse = useMemo(() => {
|
|
||||||
return course?.price && course.price > 0;
|
|
||||||
}, [course]);
|
|
||||||
|
|
||||||
// Check if user is authorized to access the course
|
|
||||||
const isAuthorized = useMemo(() => {
|
|
||||||
if (!session?.user || !course) return !isPaidCourse; // Free courses are always authorized
|
|
||||||
|
|
||||||
return (
|
|
||||||
// User is subscribed
|
|
||||||
session.user.role?.subscribed ||
|
|
||||||
// User is the creator of the course
|
|
||||||
session.user.pubkey === course.pubkey ||
|
|
||||||
// Course is free
|
|
||||||
!isPaidCourse ||
|
|
||||||
// User has purchased this specific course
|
|
||||||
session.user.purchased?.some(purchase => purchase.courseId === course.d)
|
|
||||||
);
|
|
||||||
}, [session, course, isPaidCourse]);
|
|
||||||
|
|
||||||
// Handler for successful payment
|
|
||||||
const handlePaymentSuccess = useCallback(async (response) => {
|
|
||||||
if (response?.preimage) {
|
|
||||||
try {
|
|
||||||
await update(); // refresh session
|
|
||||||
showToast(
|
|
||||||
'success',
|
|
||||||
'Payment Success',
|
|
||||||
'You have successfully purchased this course'
|
|
||||||
);
|
|
||||||
return true;
|
|
||||||
} catch (err) {
|
|
||||||
showToast(
|
|
||||||
'warn',
|
|
||||||
'Session Refresh Failed',
|
|
||||||
'Purchase succeeded but we could not refresh your session automatically. Please reload the page.'
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
showToast('error', 'Error', 'Failed to purchase course. Please try again.');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}, [update, showToast]);
|
|
||||||
|
|
||||||
// Handler for payment errors
|
|
||||||
const handlePaymentError = useCallback((error) => {
|
|
||||||
showToast(
|
|
||||||
'error',
|
|
||||||
'Payment Error',
|
|
||||||
`Failed to purchase course. Please try again. Error: ${error}`
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
}, [showToast]);
|
|
||||||
|
|
||||||
return {
|
|
||||||
isPaidCourse,
|
|
||||||
isAuthorized,
|
|
||||||
handlePaymentSuccess,
|
|
||||||
handlePaymentError,
|
|
||||||
session
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export default useCoursePayment;
|
|
||||||
@ -1,92 +0,0 @@
|
|||||||
import { useEffect, useCallback } from 'react';
|
|
||||||
import { useRouter } from 'next/router';
|
|
||||||
import useWindowWidth from '../useWindowWidth';
|
|
||||||
import useCourseTabsState from './useCourseTabsState';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @deprecated Use useCourseTabsState for pure state or useCourseNavigation for router integration
|
|
||||||
* Hook to manage course tabs, navigation, and sidebar visibility
|
|
||||||
* @param {Object} options - Configuration options
|
|
||||||
* @param {Array} options.tabMap - Optional custom tab map to use
|
|
||||||
* @param {boolean} options.initialSidebarVisible - Initial sidebar visibility state
|
|
||||||
* @returns {Object} Tab management utilities and state
|
|
||||||
*/
|
|
||||||
const useCourseTabs = (options = {}) => {
|
|
||||||
const router = useRouter();
|
|
||||||
const windowWidth = useWindowWidth();
|
|
||||||
const isMobileView = typeof windowWidth === 'number' ? windowWidth <= 968 : false;
|
|
||||||
|
|
||||||
// Use the base hook for core tab state functionality
|
|
||||||
const {
|
|
||||||
activeTab,
|
|
||||||
setActiveTab,
|
|
||||||
sidebarVisible,
|
|
||||||
setSidebarVisible,
|
|
||||||
tabMap,
|
|
||||||
getActiveTabIndex,
|
|
||||||
getTabItems,
|
|
||||||
toggleSidebar
|
|
||||||
} = useCourseTabsState({
|
|
||||||
tabMap: options.tabMap,
|
|
||||||
initialSidebarVisible: options.initialSidebarVisible,
|
|
||||||
isMobileView
|
|
||||||
});
|
|
||||||
|
|
||||||
// Update tabs and sidebar based on router query
|
|
||||||
useEffect(() => {
|
|
||||||
if (router.isReady) {
|
|
||||||
const { active, tab } = router.query;
|
|
||||||
|
|
||||||
// If tab is specified in the URL, use that
|
|
||||||
if (tab && tabMap.includes(tab)) {
|
|
||||||
setActiveTab(tab);
|
|
||||||
} else if (active !== undefined) {
|
|
||||||
// If we have an active lesson, switch to content tab
|
|
||||||
setActiveTab('content');
|
|
||||||
} else {
|
|
||||||
// Default to overview tab when no parameters
|
|
||||||
setActiveTab('overview');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, [router.isReady, router.query, tabMap, setActiveTab]);
|
|
||||||
|
|
||||||
// Toggle between tabs with router integration
|
|
||||||
const toggleTab = useCallback((indexOrName) => {
|
|
||||||
const tabName = typeof indexOrName === 'number'
|
|
||||||
? tabMap[indexOrName]
|
|
||||||
: indexOrName;
|
|
||||||
|
|
||||||
setActiveTab(tabName);
|
|
||||||
|
|
||||||
// Only show/hide sidebar on mobile - desktop keeps sidebar visible
|
|
||||||
if (isMobileView) {
|
|
||||||
setSidebarVisible(tabName === 'lessons');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sync URL with tab change using shallow routing
|
|
||||||
const newQuery = {
|
|
||||||
...router.query,
|
|
||||||
tab: tabName === 'overview' ? undefined : tabName
|
|
||||||
};
|
|
||||||
router.push(
|
|
||||||
{ pathname: router.pathname, query: newQuery },
|
|
||||||
undefined,
|
|
||||||
{ shallow: true }
|
|
||||||
);
|
|
||||||
}, [tabMap, isMobileView, router, setActiveTab, setSidebarVisible]);
|
|
||||||
|
|
||||||
return {
|
|
||||||
activeTab,
|
|
||||||
setActiveTab,
|
|
||||||
sidebarVisible,
|
|
||||||
setSidebarVisible,
|
|
||||||
isMobileView,
|
|
||||||
toggleTab,
|
|
||||||
toggleSidebar,
|
|
||||||
getActiveTabIndex,
|
|
||||||
getTabItems,
|
|
||||||
tabMap
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export default useCourseTabs;
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import { useState, useEffect } from 'react';
|
|
||||||
import { useQuery } from '@tanstack/react-query';
|
|
||||||
import { useNDKContext } from '@/context/NDKContext';
|
|
||||||
|
|
||||||
export function useAllContentQuery({ ids }) {
|
|
||||||
const [isClient, setIsClient] = useState(false);
|
|
||||||
const { ndk, addSigner } = useNDKContext();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
setIsClient(true);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const fetchAllContentFromNDK = async ids => {
|
|
||||||
try {
|
|
||||||
await ndk.connect();
|
|
||||||
|
|
||||||
const filter = { ids: ids };
|
|
||||||
const events = await ndk.fetchEvents(filter);
|
|
||||||
|
|
||||||
if (events && events.size > 0) {
|
|
||||||
const eventsArray = Array.from(events);
|
|
||||||
return eventsArray;
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching videos from NDK:', error);
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const {
|
|
||||||
data: allContent,
|
|
||||||
isLoading: allContentLoading,
|
|
||||||
error: allContentError,
|
|
||||||
refetch: refetchAllContent,
|
|
||||||
} = useQuery({
|
|
||||||
queryKey: ['allContent', isClient],
|
|
||||||
queryFn: () => fetchAllContentFromNDK(ids),
|
|
||||||
staleTime: 1000 * 60 * 30, // 30 minutes
|
|
||||||
refetchInterval: 1000 * 60 * 30, // 30 minutes
|
|
||||||
enabled: isClient,
|
|
||||||
});
|
|
||||||
|
|
||||||
return { allContent, allContentLoading, allContentError, refetchAllContent };
|
|
||||||
}
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import { useState, useEffect } from 'react';
|
|
||||||
import { useQuery } from '@tanstack/react-query';
|
|
||||||
import { useNDKContext } from '@/context/NDKContext';
|
|
||||||
import axios from 'axios';
|
|
||||||
import appConfig from '@/config/appConfig';
|
|
||||||
|
|
||||||
export function useCoursesQuery() {
|
|
||||||
const [isClient, setIsClient] = useState(false);
|
|
||||||
const { ndk, addSigner } = useNDKContext();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
setIsClient(true);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const hasRequiredProperties = (event, contentIds) => {
|
|
||||||
const hasId = event.tags.some(([tag, value]) => tag === 'd' && contentIds.includes(value));
|
|
||||||
return hasId;
|
|
||||||
};
|
|
||||||
|
|
||||||
const fetchCoursesFromNDK = async () => {
|
|
||||||
try {
|
|
||||||
const response = await axios.get(`/api/content/all`);
|
|
||||||
const contentIds = response.data;
|
|
||||||
|
|
||||||
if (!contentIds || contentIds.length === 0) {
|
|
||||||
return []; // Return early if no content IDs are found
|
|
||||||
}
|
|
||||||
|
|
||||||
await ndk.connect();
|
|
||||||
|
|
||||||
const filter = { kinds: [30004], authors: appConfig.authorPubkeys };
|
|
||||||
const events = await ndk.fetchEvents(filter);
|
|
||||||
|
|
||||||
if (events && events.size > 0) {
|
|
||||||
const eventsArray = Array.from(events);
|
|
||||||
const courses = eventsArray.filter(event => hasRequiredProperties(event, contentIds));
|
|
||||||
return courses;
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching courses from NDK:', error);
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const {
|
|
||||||
data: courses,
|
|
||||||
isLoading: coursesLoading,
|
|
||||||
error: coursesError,
|
|
||||||
refetch: refetchCourses,
|
|
||||||
} = useQuery({
|
|
||||||
queryKey: ['courses', isClient],
|
|
||||||
queryFn: fetchCoursesFromNDK,
|
|
||||||
// staleTime: 1000 * 60 * 30, // 30 minutes
|
|
||||||
// refetchInterval: 1000 * 60 * 30, // 30 minutes
|
|
||||||
enabled: isClient,
|
|
||||||
});
|
|
||||||
|
|
||||||
return { courses, coursesLoading, coursesError, refetchCourses };
|
|
||||||
}
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import { useState, useEffect } from 'react';
|
|
||||||
import { useQuery } from '@tanstack/react-query';
|
|
||||||
import { useNDKContext } from '@/context/NDKContext';
|
|
||||||
import axios from 'axios';
|
|
||||||
import appConfig from '@/config/appConfig';
|
|
||||||
|
|
||||||
export function useDocumentsQuery() {
|
|
||||||
const [isClient, setIsClient] = useState(false);
|
|
||||||
const { ndk, addSigner } = useNDKContext();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
setIsClient(true);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const hasRequiredProperties = (event, contentIds) => {
|
|
||||||
const hasDocument = event.tags.some(([tag, value]) => tag === 't' && value === 'document');
|
|
||||||
const hasId = event.tags.some(([tag, value]) => tag === 'd' && contentIds.includes(value));
|
|
||||||
return hasDocument && hasId;
|
|
||||||
};
|
|
||||||
|
|
||||||
const fetchDocumentsFromNDK = async () => {
|
|
||||||
try {
|
|
||||||
const response = await axios.get(`/api/content/all`);
|
|
||||||
const contentIds = response.data;
|
|
||||||
|
|
||||||
if (!contentIds || contentIds.length === 0) {
|
|
||||||
return []; // Return early if no content IDs are found
|
|
||||||
}
|
|
||||||
|
|
||||||
await ndk.connect();
|
|
||||||
|
|
||||||
const filter = { kinds: [30023, 30402], authors: appConfig.authorPubkeys };
|
|
||||||
const events = await ndk.fetchEvents(filter);
|
|
||||||
|
|
||||||
if (events && events.size > 0) {
|
|
||||||
const eventsArray = Array.from(events);
|
|
||||||
const documents = eventsArray.filter(event => hasRequiredProperties(event, contentIds));
|
|
||||||
return documents;
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching documents from NDK:', error);
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const {
|
|
||||||
data: documents,
|
|
||||||
isLoading: documentsLoading,
|
|
||||||
error: documentsError,
|
|
||||||
refetch: refetchDocuments,
|
|
||||||
} = useQuery({
|
|
||||||
queryKey: ['documents', isClient],
|
|
||||||
queryFn: fetchDocumentsFromNDK,
|
|
||||||
// staleTime: 1000 * 60 * 30, // 30 minutes
|
|
||||||
// refetchInterval: 1000 * 60 * 30, // 30 minutes
|
|
||||||
enabled: isClient,
|
|
||||||
});
|
|
||||||
|
|
||||||
return { documents, documentsLoading, documentsError, refetchDocuments };
|
|
||||||
}
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import { useState, useEffect } from 'react';
|
|
||||||
import { useQuery } from '@tanstack/react-query';
|
|
||||||
import { useNDKContext } from '@/context/NDKContext';
|
|
||||||
import axios from 'axios';
|
|
||||||
import appConfig from '@/config/appConfig';
|
|
||||||
|
|
||||||
export function useVideosQuery() {
|
|
||||||
const [isClient, setIsClient] = useState(false);
|
|
||||||
const { ndk, addSigner } = useNDKContext();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
setIsClient(true);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const hasRequiredProperties = (event, contentIds) => {
|
|
||||||
const hasVideo = event.tags.some(([tag, value]) => tag === 't' && value === 'video');
|
|
||||||
const hasId = event.tags.some(([tag, value]) => tag === 'd' && contentIds.includes(value));
|
|
||||||
return hasVideo && hasId;
|
|
||||||
};
|
|
||||||
|
|
||||||
const fetchVideosFromNDK = async () => {
|
|
||||||
try {
|
|
||||||
const response = await axios.get(`/api/content/all`);
|
|
||||||
const contentIds = response.data;
|
|
||||||
|
|
||||||
if (!contentIds || contentIds.length === 0) {
|
|
||||||
return []; // Return early if no content IDs are found
|
|
||||||
}
|
|
||||||
|
|
||||||
await ndk.connect();
|
|
||||||
|
|
||||||
const filter = { kinds: [30023, 30402], authors: appConfig.authorPubkeys };
|
|
||||||
const events = await ndk.fetchEvents(filter);
|
|
||||||
|
|
||||||
if (events && events.size > 0) {
|
|
||||||
const eventsArray = Array.from(events);
|
|
||||||
const videos = eventsArray.filter(event => hasRequiredProperties(event, contentIds));
|
|
||||||
return videos;
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching videos from NDK:', error);
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const {
|
|
||||||
data: videos,
|
|
||||||
isLoading: videosLoading,
|
|
||||||
error: videosError,
|
|
||||||
refetch: refetchVideos,
|
|
||||||
} = useQuery({
|
|
||||||
queryKey: ['videos', isClient],
|
|
||||||
queryFn: fetchVideosFromNDK,
|
|
||||||
// staleTime: 1000 * 60 * 30, // 30 minutes
|
|
||||||
// refetchInterval: 1000 * 60 * 30, // 30 minutes
|
|
||||||
enabled: isClient,
|
|
||||||
});
|
|
||||||
|
|
||||||
return { videos, videosLoading, videosError, refetchVideos };
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user