Merge branch 'dms/refactor-playground-1' into dms/refactor-playground-2

coinbase · Nov 15, 2024 · dd240c6 · dd240c6
2 parents 1420019 + 388cd15
commit dd240c6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/playground/nextjs-app-router/components/form/checkout-options.tsx b/playground/nextjs-app-router/components/form/checkout-options.tsx
@@ -4,11 +4,10 @@ import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { useContext } from 'react';
 import { useState } from 'react';
 import { AppContext } from '../AppProvider';
-import { CheckoutTypes, OnchainKitComponent } from '@/types/onchainkit';
+import { CheckoutTypes } from '@/types/onchainkit';
 
 export function CheckoutOptions() {
   const {
-    activeComponent,
     checkoutTypes,
     setCheckoutTypes,
     checkoutOptions,
@@ -24,7 +23,7 @@ export function CheckoutOptions() {
     chargeId: '',
   });
 
-  return activeComponent === OnchainKitComponent.Checkout ? (
+  return (
     <div className="grid gap-2">
       <Label htmlFor="chain">Checkout Types</Label>
       <RadioGroup
@@ -95,7 +94,5 @@ export function CheckoutOptions() {
         </div>
       )}
     </div>
-  ) : (
-    <></>
   );
 }
diff --git a/playground/nextjs-app-router/components/form/transaction-options.tsx b/playground/nextjs-app-router/components/form/transaction-options.tsx
@@ -8,14 +8,12 @@ import {
 } from '@/components/ui/select';
 import { useContext } from 'react';
 import { AppContext } from '../AppProvider';
-import { OnchainKitComponent, TransactionTypes } from '@/types/onchainkit';
+import { TransactionTypes } from '@/types/onchainkit';
 
 export function TransactionOptions() {
-  const { activeComponent, transactionType, setTransactionType } =
-    useContext(AppContext);
+  const { transactionType, setTransactionType } = useContext(AppContext);
 
-  return activeComponent === OnchainKitComponent.Transaction ||
-    activeComponent === OnchainKitComponent.TransactionDefault ? (
+  return (
     <div className="grid gap-2">
       <Label htmlFor="chain">Transaction Options</Label>
       <Select
@@ -45,7 +43,5 @@ export function TransactionOptions() {
         </SelectContent>
       </Select>
     </div>
-  ) : (
-    <></>
   );
 }