diff --git a/apps/web/app/auth/forgot/forgot.tsx b/apps/web/app/auth/forgot/forgot.tsx index c37af352..48d651a0 100644 --- a/apps/web/app/auth/forgot/forgot.tsx +++ b/apps/web/app/auth/forgot/forgot.tsx @@ -113,13 +113,13 @@ function ForgotPasswordClient() {

{error && ( -
+
{error}
)} {message && ( -
+
{message}
diff --git a/apps/web/app/auth/login/login.tsx b/apps/web/app/auth/login/login.tsx index 24fec8ea..df428d71 100644 --- a/apps/web/app/auth/login/login.tsx +++ b/apps/web/app/auth/login/login.tsx @@ -132,7 +132,7 @@ const LoginClient = (props: LoginClientProps) => {
{error && ( -
+
{error}
@@ -188,11 +188,11 @@ const LoginClient = (props: LoginClientProps) => {
OR
- + Sign up - diff --git a/apps/web/app/auth/login/page.tsx b/apps/web/app/auth/login/page.tsx index 9baf1cc7..548ec0c9 100644 --- a/apps/web/app/auth/login/page.tsx +++ b/apps/web/app/auth/login/page.tsx @@ -3,12 +3,12 @@ import LoginClient from './login' import { Metadata } from 'next' type MetadataProps = { - params: { orgslug: string } - searchParams: { [key: string]: string | string[] | undefined } + params: Promise<{ orgslug: string }> + searchParams: Promise<{ [key: string]: string | string[] | undefined }> } export async function generateMetadata(params: MetadataProps): Promise { - const orgslug = params.searchParams.orgslug + const orgslug = (await params.searchParams).orgslug //const orgslug = params.orgslug // Get Org context information @@ -23,7 +23,7 @@ export async function generateMetadata(params: MetadataProps): Promise } const Login = async (params: MetadataProps) => { - const orgslug = params.searchParams.orgslug + const orgslug = (await params.searchParams).orgslug const org = await getOrganizationContextInfo(orgslug, { revalidate: 0, tags: ['organizations'], diff --git a/apps/web/app/auth/reset/reset.tsx b/apps/web/app/auth/reset/reset.tsx index 7451d140..25f77280 100644 --- a/apps/web/app/auth/reset/reset.tsx +++ b/apps/web/app/auth/reset/reset.tsx @@ -133,14 +133,14 @@ function ResetPasswordClient() {

{error && ( -
+
{error}
)} {message && (
-
+
{message}
diff --git a/apps/web/app/auth/signup/InviteOnlySignUp.tsx b/apps/web/app/auth/signup/InviteOnlySignUp.tsx index 41a21618..69e49653 100644 --- a/apps/web/app/auth/signup/InviteOnlySignUp.tsx +++ b/apps/web/app/auth/signup/InviteOnlySignUp.tsx @@ -98,13 +98,13 @@ function InviteOnlySignUpComponent(props: InviteOnlySignUpProps) { return (
{error && ( -
+
{error}
)} {message && ( -
+
{message}
@@ -185,7 +185,7 @@ function InviteOnlySignUpComponent(props: InviteOnlySignUpProps) {
- diff --git a/apps/web/app/auth/signup/OpenSignup.tsx b/apps/web/app/auth/signup/OpenSignup.tsx index 20fe9c91..ee44ed4e 100644 --- a/apps/web/app/auth/signup/OpenSignup.tsx +++ b/apps/web/app/auth/signup/OpenSignup.tsx @@ -94,13 +94,13 @@ function OpenSignUpComponent() { return (
{error && ( -
+
{error}
)} {message && ( -
+
{message}
@@ -179,7 +179,7 @@ function OpenSignUpComponent() {
- diff --git a/apps/web/app/auth/signup/page.tsx b/apps/web/app/auth/signup/page.tsx index babc3203..0aef5b0b 100644 --- a/apps/web/app/auth/signup/page.tsx +++ b/apps/web/app/auth/signup/page.tsx @@ -5,14 +5,14 @@ import { Suspense } from 'react' import PageLoading from '@components/Objects/Loaders/PageLoading' type MetadataProps = { - params: { orgslug: string; courseid: string } - searchParams: { [key: string]: string | string[] | undefined } + params: Promise<{ orgslug: string; courseid: string }> + searchParams: Promise<{ [key: string]: string | string[] | undefined }> } export async function generateMetadata( params : MetadataProps): Promise { - const orgslug = params.searchParams.orgslug + const orgslug = (await params.searchParams).orgslug // Get Org context information const org = await getOrganizationContextInfo(orgslug, { revalidate: 0, @@ -25,7 +25,7 @@ export async function generateMetadata( } const SignUp = async (params: any) => { - const orgslug = params.searchParams.orgslug + const orgslug = (await params.searchParams).orgslug const org = await getOrganizationContextInfo(orgslug, { revalidate: 0, tags: ['organizations'], diff --git a/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx b/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx index 4dca9687..85030599 100644 --- a/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx +++ b/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx @@ -1,3 +1,4 @@ + import { default as React } from 'react' import dynamic from 'next/dynamic' import { getCourseMetadata } from '@services/courses/courses' @@ -8,17 +9,16 @@ import EditorOptionsProvider from '@components/Contexts/Editor/EditorContext' import AIEditorProvider from '@components/Contexts/AI/AIEditorContext' import { nextAuthOptions } from 'app/auth/options' import { getServerSession } from 'next-auth' -const EditorWrapper = dynamic(() => import('@components/Objects/Editor/EditorWrapper'), { ssr: false }) +import EditorWrapper from '@components/Objects/Editor/EditorWrapper' type MetadataProps = { - params: { orgslug: string; courseid: string; activityid: string } - searchParams: { [key: string]: string | string[] | undefined } + params: Promise<{ orgslug: string; courseid: string; activityid: string }> + searchParams: Promise<{ [key: string]: string | string[] | undefined }> } -export async function generateMetadata({ - params, -}: MetadataProps): Promise { +export async function generateMetadata(props: MetadataProps): Promise { + const params = await props.params; const session = await getServerSession(nextAuthOptions) const access_token = session?.tokens?.access_token // Get Org context information @@ -37,8 +37,8 @@ export async function generateMetadata({ const EditActivity = async (params: any) => { const session = await getServerSession(nextAuthOptions) const access_token = session?.tokens?.access_token - const activityuuid = params.params.activityuuid - const courseid = params.params.courseid + const activityuuid = (await params.params).activityuuid + const courseid = (await params.params).courseid const courseInfo = await getCourseMetadata( courseid, { revalidate: 0, tags: ['courses'] }, diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 2ae9dd48..14fedf12 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -31,7 +31,6 @@ export default function RootLayout({ animate="enter" // Animated state to variants.enter exit="exit" // Exit state (used later) to variants.exit transition={{ type: 'linear' }} // Set the transition to linear - className="" > {children} diff --git a/apps/web/app/orgs/[orgslug]/(withmenu)/collection/[collectionid]/page.tsx b/apps/web/app/orgs/[orgslug]/(withmenu)/collection/[collectionid]/page.tsx index aebb4872..7aab5682 100644 --- a/apps/web/app/orgs/[orgslug]/(withmenu)/collection/[collectionid]/page.tsx +++ b/apps/web/app/orgs/[orgslug]/(withmenu)/collection/[collectionid]/page.tsx @@ -9,13 +9,12 @@ import { getServerSession } from 'next-auth' import Link from 'next/link' type MetadataProps = { - params: { orgslug: string; courseid: string; collectionid: string } - searchParams: { [key: string]: string | string[] | undefined } + params: Promise<{ orgslug: string; courseid: string; collectionid: string }> + searchParams: Promise<{ [key: string]: string | string[] | undefined }> } -export async function generateMetadata({ - params, -}: MetadataProps): Promise { +export async function generateMetadata(props: MetadataProps): Promise { + const params = await props.params; const session = await getServerSession(nextAuthOptions) const access_token = session?.tokens?.access_token @@ -55,13 +54,13 @@ export async function generateMetadata({ const CollectionPage = async (params: any) => { const session = await getServerSession(nextAuthOptions) const access_token = session?.tokens?.access_token - const org = await getOrganizationContextInfo(params.params.orgslug, { + const org = await getOrganizationContextInfo((await params.params).orgslug, { revalidate: 1800, tags: ['organizations'], }) - const orgslug = params.params.orgslug + const orgslug = (await params.params).orgslug const col = await getCollectionById( - params.params.collectionid, + (await params.params).collectionid, access_token ? access_token : null, { revalidate: 0, tags: ['collections'] } ) diff --git a/apps/web/app/orgs/[orgslug]/(withmenu)/collections/new/page.tsx b/apps/web/app/orgs/[orgslug]/(withmenu)/collections/new/page.tsx index 621ce2fa..817ee69e 100644 --- a/apps/web/app/orgs/[orgslug]/(withmenu)/collections/new/page.tsx +++ b/apps/web/app/orgs/[orgslug]/(withmenu)/collections/new/page.tsx @@ -107,7 +107,7 @@ function NewCollection(params: any) { placeholder="Enter collection name" value={name} onChange={handleNameChange} - className="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition" + className="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500 focus:border-transparent transition" maxLength={100} /> @@ -116,7 +116,7 @@ function NewCollection(params: any) { Visibility i.id === item.id)?.link || ''} diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/ThumbnailUpdate.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/ThumbnailUpdate.tsx index ba264bd2..3b7a77ef 100644 --- a/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/ThumbnailUpdate.tsx +++ b/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/ThumbnailUpdate.tsx @@ -52,19 +52,19 @@ function ThumbnailUpdate() { } return ( -
+
{error && ( -
+
{error}
)} {localThumbnail ? ( ) : ( )}
diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/UnsplashImagePicker.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/UnsplashImagePicker.tsx index 68abb289..708a8a32 100644 --- a/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/UnsplashImagePicker.tsx +++ b/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/UnsplashImagePicker.tsx @@ -106,7 +106,7 @@ const UnsplashImagePicker: React.FC = ({ onSelect, onC value={query} onChange={handleSearch} placeholder="Search for images..." - className="w-full p-2 pl-10 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" + className="w-full p-2 pl-10 border rounded-lg focus:outline-hidden focus:ring-2 focus:ring-blue-500" />
diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/Buttons/NewActivityButton.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/Buttons/NewActivityButton.tsx index 63e8f0f5..e955c0cc 100644 --- a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/Buttons/NewActivityButton.tsx +++ b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/Buttons/NewActivityButton.tsx @@ -117,10 +117,10 @@ function NewActivityButton(props: NewActivityButtonProps) { onClick={() => { openNewActivityModal(props.chapterId) }} - className="flex w-44 h-10 space-x-2 items-center py-2 my-3 rounded-xl justify-center text-white bg-black hover:cursor-pointer" + className="flex w-44 h-10 items-center justify-center py-2 my-3 rounded-xl text-white bg-black hover:cursor-pointer" > - -
+ +
Add Activity
diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx index 294fc2fb..c7a1d34f 100644 --- a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx +++ b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx @@ -21,7 +21,7 @@ import { useLHSession } from '@components/Contexts/LHSessionContext' import Link from 'next/link' import { useRouter } from 'next/navigation' import React, { useEffect, useState } from 'react' -import { Draggable } from 'react-beautiful-dnd' +import { Draggable } from '@hello-pangea/dnd' import { mutate } from 'swr' import { deleteAssignmentUsingActivityUUID, getAssignmentFromActivityUUID } from '@services/courses/assignments' import { useOrg } from '@components/Contexts/OrgContext' @@ -114,7 +114,7 @@ function ActivityElement(props: ActivitiyElementProps) { > {(provided, snapshot) => (
changePublicStatus()} > @@ -192,7 +192,7 @@ function ActivityElement(props: ActivitiyElementProps) { )}` } prefetch - className="p-1 px-2 sm:px-3 bg-gradient-to-bl text-cyan-800 from-sky-400/50 to-cyan-200/80 border border-cyan-600/10 shadow-md rounded-md font-bold text-xs flex items-center space-x-1 transition-colors duration-200 hover:from-sky-500/50 hover:to-cyan-300/80" + className="p-1 px-2 sm:px-3 bg-linear-to-bl text-cyan-800 from-sky-400/50 to-cyan-200/80 border border-cyan-600/10 shadow-md rounded-md font-bold text-xs flex items-center space-x-1 transition-colors duration-200 hover:from-sky-500/50 hover:to-cyan-300/80" rel="noopener noreferrer" > @@ -244,7 +244,7 @@ const ActivityTypeIndicator = ({activityType, isMobile} : { activityType: keyof const {displayName, Icon} = ACTIVITIES[activityType] return ( -
+
{' '}
diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ChapterElement.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ChapterElement.tsx index f035b937..c9f06526 100644 --- a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ChapterElement.tsx +++ b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ChapterElement.tsx @@ -9,7 +9,7 @@ import { Trash2, } from 'lucide-react' import React from 'react' -import { Draggable, Droppable } from 'react-beautiful-dnd' +import { Draggable, Droppable } from '@hello-pangea/dnd' import ActivityElement from './ActivityElement' import NewActivityButton from '../Buttons/NewActivityButton' import { deleteChapter, updateChapter } from '@services/courses/chapters' @@ -92,7 +92,7 @@ function ChapterElement(props: ChapterElementProps) {
@@ -151,7 +151,7 @@ function ChapterElement(props: ChapterElementProps) { > {(provided) => (
-
+
{activities.map((activity: any, index: any) => { return (
diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/EditCourseStructure.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/EditCourseStructure.tsx index 834a0d1f..5c5fbc35 100644 --- a/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/EditCourseStructure.tsx +++ b/apps/web/components/Dashboard/Pages/Course/EditCourseStructure/EditCourseStructure.tsx @@ -2,7 +2,7 @@ import { getAPIUrl } from '@services/config/config' import { revalidateTags } from '@services/utils/ts/requests' import React, { useEffect, useState } from 'react' -import { DragDropContext, Droppable } from 'react-beautiful-dnd' +import { DragDropContext, Droppable } from '@hello-pangea/dnd' import { mutate } from 'swr' import ChapterElement from './DraggableElements/ChapterElement' import PageLoading from '@components/Objects/Loaders/PageLoading' @@ -164,7 +164,7 @@ const EditCourseStructure = (props: EditCourseStructureProps) => { dialogTitle="Create chapter" dialogDescription="Add a new chapter to the course" dialogTrigger={ -
+
Logo Thumbnail Previews @@ -390,7 +390,7 @@ export default function OrgEditImages() {
-
+
-
+
-
+
@@ -520,7 +520,7 @@ export default function OrgEditImages() { ref={provided.innerRef} {...provided.draggableProps} className={cn( - "relative group flex-shrink-0", + "relative group shrink-0", "w-48", snapshot.isDragging ? "scale-105 z-50" : "hover:scale-102", )} @@ -529,7 +529,7 @@ export default function OrgEditImages() { onClick={() => removePreview(preview.id)} className={cn( "absolute -top-2 -right-2 bg-red-500 hover:bg-red-600 text-white rounded-full p-1.5", - "opacity-0 group-hover:opacity-100 z-10 shadow-sm", + "opacity-0 group-hover:opacity-100 z-10 shadow-xs", "transition-opacity duration-200" )} > @@ -539,7 +539,7 @@ export default function OrgEditImages() { {...provided.dragHandleProps} className={cn( "absolute -top-2 -left-2 bg-gray-600 hover:bg-gray-700 text-white rounded-full p-1.5", - "opacity-0 group-hover:opacity-100 cursor-grab active:cursor-grabbing z-10 shadow-sm", + "opacity-0 group-hover:opacity-100 cursor-grab active:cursor-grabbing z-10 shadow-xs", "transition-opacity duration-200" )} > @@ -551,7 +551,7 @@ export default function OrgEditImages() { `w-full ${PREVIEW_HEIGHT} bg-contain bg-no-repeat bg-center rounded-xl bg-white`, "border border-gray-200 hover:border-gray-300", "transition-colors duration-200", - snapshot.isDragging ? "shadow-lg" : "shadow-sm hover:shadow-md" + snapshot.isDragging ? "shadow-lg" : "shadow-xs hover:shadow-md" )} style={{ backgroundImage: `url(${getOrgPreviewMediaDirectory(org?.org_uuid, preview.id)})`, @@ -561,7 +561,7 @@ export default function OrgEditImages() {
{ diff --git a/apps/web/components/Dashboard/Pages/Org/OrgEditLanding/OrgEditLanding.tsx b/apps/web/components/Dashboard/Pages/Org/OrgEditLanding/OrgEditLanding.tsx index 8e9d6b53..49a39b95 100644 --- a/apps/web/components/Dashboard/Pages/Org/OrgEditLanding/OrgEditLanding.tsx +++ b/apps/web/components/Dashboard/Pages/Org/OrgEditLanding/OrgEditLanding.tsx @@ -2,7 +2,7 @@ import React from 'react' import { LandingObject, LandingSection, LandingHeroSection, LandingTextAndImageSection, LandingLogos, LandingPeople, LandingBackground, LandingButton, LandingHeading, LandingImage, LandingFeaturedCourses } from './landing_types' import { Plus, Eye, ArrowUpDown, Trash2, GripVertical, LayoutTemplate, ImageIcon, Users, Award, ArrowRight, Edit, Link, Upload, Save, BookOpen, TextIcon } from 'lucide-react' -import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd' +import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd' import { Input } from "@components/ui/input" import { Textarea } from "@components/ui/textarea" import { Label } from "@components/ui/label" @@ -288,7 +288,7 @@ const OrgEditLanding = () => { onChange={() => setIsLandingEnabled(!isLandingEnabled)} className="sr-only peer" /> -
+
-
+

{product.description} @@ -194,7 +194,7 @@ function PaymentsProductPage() {

-
+
diff --git a/apps/web/components/Dashboard/Pages/Payments/SubComponents/CreateProductForm.tsx b/apps/web/components/Dashboard/Pages/Payments/SubComponents/CreateProductForm.tsx index 25efeb62..d068d300 100644 --- a/apps/web/components/Dashboard/Pages/Payments/SubComponents/CreateProductForm.tsx +++ b/apps/web/components/Dashboard/Pages/Payments/SubComponents/CreateProductForm.tsx @@ -135,7 +135,7 @@ const CreateProductForm: React.FC<{ onSuccess: () => void }> = ({ onSuccess }) =
-
+
diff --git a/apps/web/components/Dashboard/Pages/Payments/SubComponents/LinkCourseModal.tsx b/apps/web/components/Dashboard/Pages/Payments/SubComponents/LinkCourseModal.tsx index 9052f239..5c66e188 100644 --- a/apps/web/components/Dashboard/Pages/Payments/SubComponents/LinkCourseModal.tsx +++ b/apps/web/components/Dashboard/Pages/Payments/SubComponents/LinkCourseModal.tsx @@ -43,12 +43,12 @@ const CoursePreview = ({ course, orgslug, onLink, isLinked }: CoursePreviewProps
{/* Thumbnail */}
{/* Content */} -
+

{course.name}

@@ -58,7 +58,7 @@ const CoursePreview = ({ course, orgslug, onLink, isLinked }: CoursePreviewProps
{/* Action Button */} -
+
{isLinked ? (
-
+

diff --git a/apps/web/components/Objects/Editor/AI/AIEditorToolkit.tsx b/apps/web/components/Objects/Editor/AI/AIEditorToolkit.tsx index e8dd3953..5bf99b3d 100644 --- a/apps/web/components/Objects/Editor/AI/AIEditorToolkit.tsx +++ b/apps/web/components/Objects/Editor/AI/AIEditorToolkit.tsx @@ -86,7 +86,7 @@ function AIEditorToolkit(props: AIEditorToolkitProps) { background: 'linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(105.16% 105.16% at 50% -5.16%, rgba(255, 255, 255, 0.18) 0%, rgba(0, 0, 0, 0) 100%), rgb(2 1 25 / 98%)', }} - className="z-50 rounded-2xl max-w-screen-2xl my-10 mx-auto w-fit fixed bottom-0 left-1/2 transform -translate-x-1/2 shadow-xl ring-1 ring-inset ring-white/10 text-white p-3 flex-col-reverse backdrop-blur-md" + className="z-50 rounded-2xl max-w-(--breakpoint-2xl) my-10 mx-auto w-fit fixed bottom-0 left-1/2 transform -translate-x-1/2 shadow-xl ring-1 ring-inset ring-white/10 text-white p-3 flex-col-reverse backdrop-blur-md" >

@@ -447,7 +447,7 @@ const UserFeedbackModal = (props: AIEditorToolkitProps) => { background: 'linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(105.16% 105.16% at 50% -5.16%, rgba(255, 255, 255, 0.18) 0%, rgba(0, 0, 0, 0) 100%), rgb(2 1 25 / 95%)', }} - className="backdrop-blur-md z-50 rounded-2xl max-w-screen-2xl my-10 mx-auto w-[500px] h-[200px] fixed bottom-16 left-1/2 transform -translate-x-1/2 shadow-xl ring-1 ring-inset ring-white/10 text-white p-3 flex-col-reverse" + className="backdrop-blur-md z-50 rounded-2xl max-w-(--breakpoint-2xl) my-10 mx-auto w-[500px] h-[200px] fixed bottom-16 left-1/2 transform -translate-x-1/2 shadow-xl ring-1 ring-inset ring-white/10 text-white p-3 flex-col-reverse" >
{ value={aiEditorState.chatInputValue} onChange={handleChange} placeholder="Ask AI" - className="ring-1 ring-inset ring-white/20 w-full bg-gray-950/20 rounded-lg outline-none px-4 py-2 text-white text-sm placeholder:text-white/30" + className="ring-1 ring-inset ring-white/20 w-full bg-gray-950/20 rounded-lg outline-hidden px-4 py-2 text-white text-sm placeholder:text-white/30" >
@@ -620,7 +620,7 @@ const AiEditorActionScreen = ({ value={aiEditorState.chatInputValue} onChange={handleChange} placeholder="Japanese, Arabic, German, etc. " - className="ring-1 ring-inset ring-white/20 w-full bg-gray-950/20 rounded-lg outline-none px-4 py- text-white text-sm placeholder:text-white/30" + className="ring-1 ring-inset ring-white/20 w-full bg-gray-950/20 rounded-lg outline-hidden px-4 py- text-white text-sm placeholder:text-white/30" >
- + @@ -254,7 +254,7 @@ function Editor(props: Editor) { />
props.setContent(editor.getJSON())} > {' '} @@ -265,7 +265,7 @@ function Editor(props: Editor) { target="_blank" href={`/course/${course_uuid}/activity/${activity_uuid}`} > -
+
diff --git a/apps/web/components/Objects/Editor/EditorWrapper.tsx b/apps/web/components/Objects/Editor/EditorWrapper.tsx index 3176bc8a..500401d4 100644 --- a/apps/web/components/Objects/Editor/EditorWrapper.tsx +++ b/apps/web/components/Objects/Editor/EditorWrapper.tsx @@ -1,5 +1,5 @@ 'use client' -import { default as React } from 'react' +import { default as React, type JSX } from 'react'; import Editor from './Editor' import { updateActivity } from '@services/courses/activities' import { toast } from 'react-hot-toast' @@ -7,8 +7,6 @@ import Toast from '@components/Objects/StyledElements/Toast/Toast' import { OrgProvider } from '@components/Contexts/OrgContext' import { useLHSession } from '@components/Contexts/LHSessionContext' - - interface EditorWrapperProps { content: string activity: any diff --git a/apps/web/components/Objects/Editor/Extensions/Badges/BadgesExtension.tsx b/apps/web/components/Objects/Editor/Extensions/Badges/BadgesExtension.tsx index 41e1a2fc..8ac76efc 100644 --- a/apps/web/components/Objects/Editor/Extensions/Badges/BadgesExtension.tsx +++ b/apps/web/components/Objects/Editor/Extensions/Badges/BadgesExtension.tsx @@ -164,7 +164,7 @@ const BadgesExtension: React.FC = (props: any) => { {colors.map((c) => (