[dashboard] display professional OS

free acounts with more than 500 credits are considered
"Professional Open Source" plans.

Author: svenefftinge

components/dashboard/src/components/UsageBasedBillingConfig.tsx

@@ -298,14 +298,14 @@ export default function UsageBasedBillingConfig({ attributionId }: Props) {
                     <div className="flex flex-col mt-4 p-4 rounded-xl bg-gray-50 dark:bg-gray-800">
                         <div className="uppercase text-sm text-gray-400 dark:text-gray-500">Current Plan</div>
                         <div className="mt-1 text-xl font-semibold flex-grow text-gray-600 dark:text-gray-400">
-                            Free
+                            {usageLimit > 500 ? "Professional Open Source" : "Free"}
                         </div>
                         <div className="mt-4 flex space-x-1 text-gray-400 dark:text-gray-500">
                             <Check className="m-0.5 w-5 h-5 text-orange-500" />
                             <div className="flex flex-col">
-                                <span className="font-bold text-gray-500 dark:text-gray-400">500 credits</span>
+                                <span className="font-bold text-gray-500 dark:text-gray-400">{usageLimit} credits</span>
                                 <span>
-                                    50 hours of Standard workspace usage.{" "}
+                                    {usageLimit / 10} hours of Standard workspace usage.{" "}
                                     <a
                                         className="gp-link"
                                         href="https://www.gitpod.io/docs/configure/billing/usage-based-billing"