Fix: Claim Frame on /names (#921)

* claim frame on /names

* new tx submitted image

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<string, string>),
+  },
 };
 
 export default async function Page() {

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}`,
     },
   });