diff --git a/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/loading.tsx b/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/loading.tsx new file mode 100644 index 000000000..28adfb5d8 --- /dev/null +++ b/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/loading.tsx @@ -0,0 +1,5 @@ +import { OffKeyGateNotConnectedSkeleton } from '@features/unlock/shopify'; + +export default function Page() { + return ; +} diff --git a/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/page.tsx b/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/page.tsx index 49b61ebe6..2b89b3a08 100644 --- a/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/page.tsx +++ b/apps/unlock/app/[locale]/shopify/[gateId]/(notConnected)/page.tsx @@ -1,12 +1,8 @@ -import { - OffKeyGateNotConnectedSkeleton, - ShopifyCustomerStatus, -} from '@features/unlock/shopify'; +import { ShopifyCustomerStatus } from '@features/unlock/shopify'; import { getShopifyCampaignParametersForNotConnected } from '@features/unlock/shopify-api'; import { Locale } from '@gql/shared/types'; import dynamic from 'next/dynamic'; import { notFound } from 'next/navigation'; -import { Suspense } from 'react'; const OffKeyGateNotConnected = dynamic( () => @@ -23,15 +19,7 @@ interface GateNotConnectedProps { }; } -export default function GateNotConnectedSection(props: GateNotConnectedProps) { - return ( - }> - - - ); -} - -async function GateNotConnected({ +export default async function GateNotConnected({ params: { locale, gateId }, }: GateNotConnectedProps) { const campaign = await getShopifyCampaignParametersForNotConnected({ diff --git a/apps/unlock/app/[locale]/shopify/[gateId]/[address]/loading.tsx b/apps/unlock/app/[locale]/shopify/[gateId]/[address]/loading.tsx new file mode 100644 index 000000000..67ac34c20 --- /dev/null +++ b/apps/unlock/app/[locale]/shopify/[gateId]/[address]/loading.tsx @@ -0,0 +1,5 @@ +import { OffKeyGateSkeleton } from '@features/unlock/shopify'; + +export default function Page() { + return ; +} diff --git a/apps/unlock/app/[locale]/shopify/[gateId]/[address]/page.tsx b/apps/unlock/app/[locale]/shopify/[gateId]/[address]/page.tsx index c95d4b598..76aa925f3 100644 --- a/apps/unlock/app/[locale]/shopify/[gateId]/[address]/page.tsx +++ b/apps/unlock/app/[locale]/shopify/[gateId]/[address]/page.tsx @@ -1,10 +1,8 @@ -import { OffKeyGateSkeleton } from '@features/unlock/shopify'; import { getShopifyCampaignParametersForConnected } from '@features/unlock/shopify-api'; import { Locale } from '@gql/shared/types'; import { OffKeyState } from '@next/iframe'; import dynamic from 'next/dynamic'; import { notFound } from 'next/navigation'; -import { Suspense } from 'react'; interface GateProps { params: { @@ -19,15 +17,9 @@ const OffKeyGate = dynamic( { ssr: false }, ); -export default function GateSection(props: GateProps) { - return ( - }> - - - ); -} - -async function Gate({ params: { locale, gateId, address } }: GateProps) { +export default async function Gate({ + params: { locale, gateId, address }, +}: GateProps) { const campaign = await getShopifyCampaignParametersForConnected({ gateId, locale, diff --git a/libs/features/unlock/shopify/src/lib/OffKeyGateNotConnected/OffKeyGateNotConnected.tsx b/libs/features/unlock/shopify/src/lib/OffKeyGateNotConnected/OffKeyGateNotConnected.tsx index c0890580c..152d63c43 100644 --- a/libs/features/unlock/shopify/src/lib/OffKeyGateNotConnected/OffKeyGateNotConnected.tsx +++ b/libs/features/unlock/shopify/src/lib/OffKeyGateNotConnected/OffKeyGateNotConnected.tsx @@ -1,7 +1,7 @@ 'use client'; import { interpolateString, Locale } from '@next/i18n'; -import { AutoAnimate, Text, TextSkeleton } from '@ui/components'; +import { AutoAnimate, Text } from '@ui/components'; import { useShopifyCustomer } from '../hooks/useShopifyCustomer'; import { ShopifyCustomerStatus } from '../types'; import { OffKeyGateNotConnectedSkeleton } from './OffKeyGateNotConnectedSkeleton'; diff --git a/libs/next/i18n/src/index.ts b/libs/next/i18n/src/index.ts index d16170329..b32416c7b 100644 --- a/libs/next/i18n/src/index.ts +++ b/libs/next/i18n/src/index.ts @@ -57,7 +57,6 @@ function interpolateString( } return result as string; } catch (error) { - console.error('Error interpolating string:', error); return str; } }