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: use stripe connect for payments

Browse source
This commit is contained in:
swve 2024-11-09 16:54:43 +01:00
parent cdd893ca6f
commit a8ba053447
17 changed files with 835 additions and 364 deletions
Download patch file Download diff file Expand all files Collapse all files

48
apps/web/components/Pages/Payments/UnconfiguredPaymentsDisclaimer.tsx Normal file
View file

@ -0,0 +1,48 @@
import { Settings, ChevronRight, CreditCard } from 'lucide-react'
import { Alert, AlertTitle, AlertDescription } from '@components/ui/alert'
import { AlertTriangle, ShoppingCart, Users } from 'lucide-react'
import React from 'react'
import Link from 'next/link'
function UnconfiguredPaymentsDisclaimer() {
return (
<div className="h-full w-full bg-[#f8f8f8]">
<div className="ml-10 mr-10 mx-auto">
<Alert className="mb-3 p-6 border-2 border-yellow-200 bg-yellow-100/50 light-shadow">
<AlertTitle className="text-lg font-semibold mb-2 flex items-center space-x-2">
<AlertTriangle className="h-5 w-5" />
<span>Payments not yet properly configured</span>
</AlertTitle>
<AlertDescription className="space-y-5">
<div className="pl-2">
<ul className="list-disc list-inside space-y-1 text-gray-600 pl-2">
<li className="flex items-center space-x-2">
<CreditCard className="h-4 w-4" />
<span>Configure Stripe to start accepting payments</span>
</li>
<li className="flex items-center space-x-2">
<ShoppingCart className="h-4 w-4" />
<span>Create and manage products</span>
</li>
<li className="flex items-center space-x-2">
<Users className="h-4 w-4" />
<span>Start selling to your customers</span>
</li>
</ul>
</div>
<Link
href="./configuration"
className="text-yellow-900 hover:text-yellow-700 inline-flex items-center font-medium transition-colors duration-200 pl-2"
>
<Settings className="h-4 w-4 mr-1.5" />
Go to Payment Configuration
<ChevronRight className="ml-1.5 h-4 w-4" />
</Link>
</AlertDescription>
</Alert>
</div>
</div>
)
}
export default UnconfiguredPaymentsDisclaimer