aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-16 04:13:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: tweak subscription setting

Browse Source
This commit is contained in:
Steven 2024-08-29 20:30:19 +08:00
parent b64ae1399a
commit baa3378ff7
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/getting-started/subscription.md
View File

@ -12,13 +12,13 @@ The Free plan is designed for personal use not for commercial use. It allows you
The Pro plan is designed for teams and businesses. It allows you to create unlimited shortcuts and invite unlimited members. It also includes priority support. The Pro plan is $4 per month. The Pro plan is designed for teams and businesses. It allows you to create unlimited shortcuts and invite unlimited members. It also includes priority support. The Pro plan is $4 per month.
### Enterprise or Custom ### Team
The Enterprise plan is designed for organizations that need more than the Pro plan. It allows you to use Single Sign-On(SSO) and other advanced features. If you need a custom plan, please contact us at `yourselfhosted@gmail.com`. The Team plan is designed for teams that need more than the Pro plan. It allows you to use Single Sign-On(SSO) and other advanced features. If you need a team plan, please contact us at `yourselfhosted@gmail.com`.
## Using a License Key ## Using a License Key
After purchasing a Pro or Enterprise plan, you will receive a license key. You can use the license key to activate your plan. Here is how to do it: After purchasing a Pro or Team plan, you will receive a license key. You can use the license key to activate your plan. Here is how to do it:
1. Log in to your Slash instance as an Admin user. 1. Log in to your Slash instance as an Admin user.
2. Go to Settings > Subscription. `https://your-slash-instance.com/setting/subscription` 2. Go to Settings > Subscription. `https://your-slash-instance.com/setting/subscription`

24
frontend/web/src/pages/SubscriptionSetting.tsx
View File

@ -106,7 +106,7 @@ const SubscriptionSetting: React.FC = () => {
<div className="flex flex-col p-6 bg-white dark:bg-zinc-800 shadow-lg rounded-lg justify-between border border-gray-300 dark:border-zinc-700"> <div className="flex flex-col p-6 bg-white dark:bg-zinc-800 shadow-lg rounded-lg justify-between border border-gray-300 dark:border-zinc-700">
<div> <div>
<h3 className="text-2xl font-bold text-center dark:text-gray-300">Free</h3> <h3 className="text-2xl font-bold text-center dark:text-gray-300">Free</h3>
<div className="mt-4 text-center text-zinc-600 dark:text-zinc-400"> <div className="mt-3 text-center text-zinc-600 dark:text-zinc-400">
<span className="text-4xl font-bold">$0</span>/ month <span className="text-4xl font-bold">$0</span>/ month
</div> </div>
<ul className="mt-4 space-y-3"> <ul className="mt-4 space-y-3">
@ -143,10 +143,10 @@ const SubscriptionSetting: React.FC = () => {
</div> </div>
<div> <div>
<h3 className="text-2xl font-bold text-center dark:text-gray-300">Pro</h3> <h3 className="text-2xl font-bold text-center dark:text-gray-300">Pro</h3>
<div className="mt-4 text-center text-zinc-600 dark:text-zinc-400"> <div className="mt-3 text-center text-zinc-600 dark:text-zinc-400">
<span className="text-4xl font-bold">$4</span>/ month <span className="text-4xl font-bold">$4</span>/ month
</div> </div>
<p className="mt-2 font-medium dark:text-gray-300">Everything in Free, and</p> <p className="mt-3 font-medium dark:text-gray-300">Everything in Free, and</p>
<ul className="mt-4 space-y-3"> <ul className="mt-4 space-y-3">
<li className="flex items-center dark:text-gray-300"> <li className="flex items-center dark:text-gray-300">
<Icon.CheckCircle2 className="w-5 h-auto text-green-600 mr-1 shrink-0" /> <Icon.CheckCircle2 className="w-5 h-auto text-green-600 mr-1 shrink-0" />
@ -183,11 +183,14 @@ const SubscriptionSetting: React.FC = () => {
</div> </div>
<div className="flex flex-col p-6 bg-white dark:bg-zinc-800 shadow-lg rounded-lg dark:bg-zinc-850 justify-between border border-gray-300 dark:border-zinc-700"> <div className="flex flex-col p-6 bg-white dark:bg-zinc-800 shadow-lg rounded-lg dark:bg-zinc-850 justify-between border border-gray-300 dark:border-zinc-700">
<div> <div>
<span className="block text-2xl text-center dark:text-gray-200 opacity-80">More</span> <span className="block text-2xl text-center dark:text-gray-200 opacity-80">Team</span>
<div className="mt-4 text-center text-zinc-800 dark:text-zinc-400"> <div className="mt-3 text-center text-zinc-600 dark:text-zinc-400">
<span className="text-4xl font-bold">Custom</span> <span className="mr-2">start with</span>
<span>
<span className="text-4xl font-bold">$10</span>/ month
</span>
</div> </div>
<p className="mt-2 font-medium dark:text-gray-300">Everything in Pro, and</p> <p className="mt-3 font-medium dark:text-gray-300">Everything in Pro, and</p>
<ul className="mt-4 space-y-3"> <ul className="mt-4 space-y-3">
<li className="flex items-center dark:text-gray-300"> <li className="flex items-center dark:text-gray-300">
<Icon.BadgeCheck className="w-5 h-auto text-green-600 mr-1 shrink-0" /> <Icon.BadgeCheck className="w-5 h-auto text-green-600 mr-1 shrink-0" />
@ -212,7 +215,12 @@ const SubscriptionSetting: React.FC = () => {
</ul> </ul>
</div> </div>
<div className="mt-6"> <div className="mt-6">
<Link className="w-full" underline="none" href="mailto:yourselfhosted@gmail.com" target="_blank"> <Link
className="w-full"
underline="none"
href="mailto:yourselfhosted@gmail.com?subject=Inquiry about Slash Team PLan"
target="_blank"
>
<Button className="w-full">Contact us</Button> <Button className="w-full">Contact us</Button>
</Link> </Link>
</div> </div>