diff --git a/apps/web/app/(basenames)/names/page.tsx b/apps/web/app/(basenames)/names/page.tsx index b0ea034f35..738fdd54c4 100644 --- a/apps/web/app/(basenames)/names/page.tsx +++ b/apps/web/app/(basenames)/names/page.tsx @@ -7,6 +7,7 @@ import RegistrationValueProp from 'apps/web/src/components/Basenames/Registratio import type { Metadata } from 'next'; import { Suspense } from 'react'; import basenameCover from './basename_cover.png'; +import { initialFrame } from 'apps/web/pages/api/basenames/frame/frameResponses'; export const metadata: Metadata = { metadataBase: new URL('https://base.org'), @@ -22,6 +23,9 @@ export const metadata: Metadata = { site: '@base', card: 'summary_large_image', }, + other: { + ...(initialFrame as Record), + }, }; export default async function Page() { diff --git a/apps/web/pages/api/basenames/frame/assets/tx-submitted.png b/apps/web/pages/api/basenames/frame/assets/tx-submitted.png new file mode 100644 index 0000000000..1ec7923e42 Binary files /dev/null and b/apps/web/pages/api/basenames/frame/assets/tx-submitted.png differ diff --git a/apps/web/pages/api/basenames/frame/frameResponses.ts b/apps/web/pages/api/basenames/frame/frameResponses.ts index fa9a307dc9..f2b9b3b7c7 100644 --- a/apps/web/pages/api/basenames/frame/frameResponses.ts +++ b/apps/web/pages/api/basenames/frame/frameResponses.ts @@ -2,6 +2,7 @@ import { getFrameMetadata, getFrameHtmlResponse } from '@coinbase/onchainkit/fra import { FrameMetadataResponse } from '@coinbase/onchainkit/frame/types'; import initialImage from 'apps/web/pages/api/basenames/frame/assets/initial-image.png'; import searchImage from 'apps/web/pages/api/basenames/frame/assets/search-image.png'; +import txSubmittedImage from 'apps/web/pages/api/basenames/frame/assets/tx-submitted.png' import { DOMAIN } from 'apps/web/pages/api/basenames/frame/constants'; export const initialFrame: FrameMetadataResponse = getFrameMetadata({ @@ -118,6 +119,6 @@ export const txSuccessFrame = (name: string) => }, ], image: { - src: `${DOMAIN}/images/basenames/contract-uri/feature-image.png`, + src: `${DOMAIN}/${txSubmittedImage}`, }, });