rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: UI improvements & migration script

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/components/Objects/Courses/CourseActions/CoursePaidOptions.tsx
View file

@ -74,7 +74,7 @@ function CoursePaidOptions({ course }: CoursePaidOptionsProps) {
<div key={product.id} className="bg-slate-50/30 p-4 rounded-lg nice-shadow flex flex-col">
<div className="flex justify-between items-start mb-2">
<div className="flex flex-col space-y-1 items-start">
<Badge className='w-fit flex items-center space-x-2' variant="outline">
<Badge className='w-fit flex items-center space-x-2 bg-gray-100/50' variant="outline">
{product.product_type === 'subscription' ? <RefreshCcw size={12} /> : <SquareCheck size={12} />}
<span className='text-sm'>
{product.product_type === 'subscription' ? 'Subscription' : 'One-time payment'}

10
apps/web/components/Objects/Courses/CourseActions/PaidCourseActivity.tsx → apps/web/components/Objects/Courses/CourseActions/PaidCourseActivityDisclaimer.tsx
View file

@ -6,16 +6,16 @@ interface PaidCourseActivityProps {
course: any;
}
function PaidCourseActivity({ course }: PaidCourseActivityProps) {
function PaidCourseActivityDisclaimer({ course }: PaidCourseActivityProps) {
return (
<div className="space-y-4 ">
<div className="p-4 bg-amber-50 border border-amber-200 rounded-lg nice-shadow">
<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. Please purchase the course to continue.
This content requires a course purchase to access.
</p>
</div>
<CoursePaidOptions course={course} />
@ -23,4 +23,4 @@ function PaidCourseActivity({ course }: PaidCourseActivityProps) {
)
}
export default PaidCourseActivity
export default PaidCourseActivityDisclaimer