fix: 🐛 remove space between web 3

Author: futantan

apps/tlink-web/app/api/og/[chain]/[contract]/route.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { formatTokenScriptTitle } from '@/lib/format-tokenscript-title'
 import { fetchTsData } from '@repo/tlinks/utils'
-import startCase from 'lodash.startcase'
 import { ImageResponse } from 'next/og'
 import { NextRequest } from 'next/server'
 
@@ -34,7 +34,8 @@ export async function GET(
   })
 
   const imgUrl = tokenMetadata?.image || tsMetadata?.meta.iconUrl || ''
-  const title = startCase(tsMetadata?.name || '') || tokenMetadata?.name
+  const title =
+    formatTokenScriptTitle(tsMetadata?.name || '') || tokenMetadata?.name
   const actionName = tsMetadata.actions[0].label
 
   let imgSrc: any

apps/tlink-web/components/features/tapp/tapp-detail.tsx

@@ -2,9 +2,9 @@
 import { TlinkCard } from '@/components/tlink-card'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent } from '@/components/ui/card'
+import { formatTokenScriptTitle } from '@/lib/format-tokenscript-title'
 import { handleGetTokenScriptAction } from '@/lib/handle-get-ts-action'
 import { useQuery } from '@tanstack/react-query'
-import startCase from 'lodash.startcase'
 import { Chrome, ExternalLink, Globe } from 'lucide-react'
 import Link from 'next/link'
 import { useSearchParams } from 'next/navigation'
@@ -34,7 +34,7 @@ export function TappDetail() {
     'viewer.tokenscript.org/',
   )
 
-  const displayName = startCase(data?.tsMetadata.name || '')
+  const displayName = formatTokenScriptTitle(data?.tsMetadata.name || '')
 
   return (
     <main className="container mx-auto px-4 py-8 relative z-10">

apps/tlink-web/lib/format-tokenscript-title.ts

@@ -0,0 +1,5 @@
+import startCase from 'lodash.startcase'
+
+export const formatTokenScriptTitle = (title: string) => {
+  return startCase(title).replace(/Web 3/g, 'Web3')
+}