refactor

coinbase · Nov 14, 2024 · a81e59f · a81e59f
1 parent 6d6b334
commit a81e59f
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 13 deletions.
diff --git a/playground/nextjs-app-router/components/demo/Checkout.tsx b/playground/nextjs-app-router/components/demo/Checkout.tsx
@@ -6,8 +6,8 @@ import {
 import type { LifecycleStatus } from '@coinbase/onchainkit/checkout';
 import { useCallback, useMemo } from 'react';
 import { useContext } from 'react';
-import { AppContext, CheckoutTypes } from '../AppProvider';
-
+import { AppContext } from '../AppProvider';
+import { CheckoutTypes } from '@/types/onchainkit';
 export default function CheckoutDemo() {
   const { checkoutTypes, checkoutOptions, isSponsored } =
     useContext(AppContext);

diff --git a/playground/nextjs-app-router/components/demo/Transaction.tsx b/playground/nextjs-app-router/components/demo/Transaction.tsx
@@ -15,7 +15,8 @@ import {
 } from '@coinbase/onchainkit/transaction';
 import { useCallback, useContext, useEffect, useMemo } from 'react';
 import type { ContractFunctionParameters } from 'viem';
-import { AppContext, TransactionTypes } from '../AppProvider';
+import { AppContext } from '../AppProvider';
+import { TransactionTypes } from '@/types/onchainkit';
 
 function TransactionDemo() {
   const { chainId, transactionType, isSponsored } = useContext(AppContext);

diff --git a/playground/nextjs-app-router/components/demo/TransactionDefault.tsx b/playground/nextjs-app-router/components/demo/TransactionDefault.tsx
@@ -2,7 +2,8 @@ import { useCapabilities } from '@/lib/hooks';
 import { clickCalls, clickContracts } from '@/lib/transactions';
 import { TransactionDefault } from '@coinbase/onchainkit/transaction';
 import { useCallback, useContext, useEffect } from 'react';
-import { AppContext, TransactionTypes } from '../AppProvider';
+import { AppContext } from '../AppProvider';
+import { TransactionTypes } from '@/types/onchainkit';
 
 export default function TransactionDefaultDemo() {
   const { chainId, transactionType } = useContext(AppContext);

diff --git a/playground/nextjs-app-router/components/form/active-component.tsx b/playground/nextjs-app-router/components/form/active-component.tsx
@@ -7,7 +7,8 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { useContext } from 'react';
-import { AppContext, OnchainKitComponent } from '../AppProvider';
+import { AppContext } from '../AppProvider';
+import { OnchainKitComponent } from '@/types/onchainkit';
 
 export function ActiveComponent() {
   const { activeComponent, setActiveComponent } = useContext(AppContext);

diff --git a/playground/nextjs-app-router/components/form/checkout-options.tsx b/playground/nextjs-app-router/components/form/checkout-options.tsx
@@ -3,7 +3,8 @@ import { Label } from '@/components/ui/label';
 import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { useContext } from 'react';
 import { useState } from 'react';
-import { AppContext, CheckoutTypes, OnchainKitComponent } from '../AppProvider';
+import { AppContext } from '../AppProvider';
+import { CheckoutTypes, OnchainKitComponent } from '@/types/onchainkit';
 
 export function CheckoutOptions() {
   const {

diff --git a/playground/nextjs-app-router/components/form/component-mode.tsx b/playground/nextjs-app-router/components/form/component-mode.tsx
@@ -8,7 +8,7 @@ import {
 } from '@/components/ui/select';
 import { useContext } from 'react';
 import { AppContext } from '../AppProvider';
-import type { ComponentMode as ComponentModeReact } from '../AppProvider';
+import type { ComponentMode as ComponentModeReact } from '@/types/onchainkit';
 
 export function ComponentMode() {
   const { componentMode, setComponentMode } = useContext(AppContext);

diff --git a/playground/nextjs-app-router/components/form/component-theme.tsx b/playground/nextjs-app-router/components/form/component-theme.tsx
@@ -8,7 +8,7 @@ import {
 } from '@/components/ui/select';
 import { useContext } from 'react';
 import { AppContext } from '../AppProvider';
-import type { ComponentTheme as ComponentThemeType } from '../AppProvider';
+import type { ComponentTheme as ComponentThemeType } from '@/types/onchainkit';
 
 export function ComponentTheme() {
   const { componentTheme, setComponentTheme } = useContext(AppContext);

diff --git a/playground/nextjs-app-router/components/form/transaction-options.tsx b/playground/nextjs-app-router/components/form/transaction-options.tsx
@@ -7,11 +7,8 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { useContext } from 'react';
-import {
-  AppContext,
-  OnchainKitComponent,
-  TransactionTypes,
-} from '../AppProvider';
+import { AppContext } from '../AppProvider';
+import { OnchainKitComponent, TransactionTypes } from '@/types/onchainkit';
 
 export function TransactionOptions() {
   const { activeComponent, transactionType, setTransactionType } =