tweak: button to gold and remove buy on workshop page

skillrecordings · Oct 31, 2024 · 8dc0542 · 8dc0542
1 parent d909a7a
commit 8dc0542
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 21 deletions.
diff --git a/apps/total-typescript/src/styles/pricing.css b/apps/total-typescript/src/styles/pricing.css
@@ -39,13 +39,13 @@
         }
       }
 
-      /* [data-pricing-product-checkout-button] {
+      [data-pricing-product-checkout-button] {
         @apply from-amber-400 to-amber-500 text-amber-950 hover:shadow-amber-700/20 !important;
-      } */
+      }
     }
-    [data-pricing-product='0'] {
-      [data-pricing-product-checkout-button] {
-        @apply from-gray-400 to-gray-500 text-gray-950 brightness-125 hover:shadow-gray-700/20 hover:brightness-150 !important;
+    [data-pricing-product] {
+      [data-pricing-product-checkout-button='typescript-pro-essentials'] {
+        @apply from-gray-500 to-gray-700 text-gray-950 brightness-125 hover:shadow-gray-700/20 hover:brightness-150 !important;
       }
     }
 

diff --git a/apps/total-typescript/src/templates/workshop-template.tsx b/apps/total-typescript/src/templates/workshop-template.tsx
@@ -165,22 +165,7 @@ const WorkshopTemplate: React.FC<{
                     </Link>
                   </>
                 )}
-              {!canView && product && ALLOW_PURCHASE && (
-                <>
-                  {upgradableTo && (
-                    <h3 className="mb-3 text-xl font-medium">
-                      Individual Workshop
-                    </h3>
-                  )}
-                  <PriceCheckProvider
-                    purchasedProductIds={commerceProps?.purchases?.map(
-                      (p) => p.id,
-                    )}
-                  >
-                    <WorkshopPricingWidget product={product as SanityProduct} />
-                  </PriceCheckProvider>
-                </>
-              )}
+
               {canView && product && (
                 <div className="mb-8 flex w-full items-center justify-center gap-2 rounded-lg bg-gray-800 p-5 text-lg text-cyan-300">
                   <Icon name="Checkmark" />