feat: UI improvements & migration script

This commit is contained in:
swve 2024-11-23 20:24:39 +01:00
parent e464b30147
commit 6cd1cf7e9c
5 changed files with 154 additions and 63 deletions

View file

@ -0,0 +1,26 @@
import React from 'react'
import { AlertCircle, ShoppingCart } from 'lucide-react'
import CoursePaidOptions from './CoursePaidOptions'
interface PaidCourseActivityProps {
course: any;
}
function PaidCourseActivityDisclaimer({ course }: PaidCourseActivityProps) {
return (
<div className="space-y-4 max-w-lg mx-auto">
<div className="p-4 bg-amber-50 border border-amber-200 rounded-lg ">
<div className="flex items-center gap-3">
<AlertCircle className="w-5 h-5 text-amber-800" />
<h3 className="text-amber-800 font-semibold">Paid Content</h3>
</div>
<p className="text-amber-700 text-sm mt-1">
This content requires a course purchase to access.
</p>
</div>
<CoursePaidOptions course={course} />
</div>
)
}
export default PaidCourseActivityDisclaimer