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;
}
}