Remove varianle NEXT_PUBLIC_BASE_URL

4 files changed, 27 insertions, 23 deletions

diff --git a/src/app/groups/[groupId]/share-button.tsx b/src/app/groups/[groupId]/share-button.tsx
index 9e96a49..8676346 100644
--- a/src/app/groups/[groupId]/share-button.tsx
+++ b/src/app/groups/[groupId]/share-button.tsx
@@ -1,3 +1,4 @@
+'use client'
 import { CopyButton } from '@/components/copy-button'
 import { ShareUrlButton } from '@/components/share-url-button'
 import { Button } from '@/components/ui/button'
@@ -7,7 +8,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/components/ui/popover'
-import { env } from '@/lib/env'
+import { useBaseUrl } from '@/lib/hooks'
 import { Group } from '@prisma/client'
 import { Share } from 'lucide-react'
 
@@ -16,7 +17,8 @@ type Props = {
 }
 
 export function ShareButton({ group }: Props) {
-  const url = `${env.NEXT_PUBLIC_BASE_URL}/groups/${group.id}/expenses?ref=share`
+  const baseUrl = useBaseUrl()
+  const url = baseUrl && `${baseUrl}/groups/${group.id}/expenses?ref=share`
 
   return (
     <Popover>
@@ -30,14 +32,16 @@ export function ShareButton({ group }: Props) {
           For other participants to see the group and add expenses, share its
           URL with them.
         </p>
-        <div className="flex gap-2">
-          <Input className="flex-1" defaultValue={url} readOnly />
-          <CopyButton text={url} />
-          <ShareUrlButton
-            text={`Join my group ${group.name} on Spliit`}
-            url={url}
-          />
-        </div>
+        {url && (
+          <div className="flex gap-2">
+            <Input className="flex-1" defaultValue={url} readOnly />
+            <CopyButton text={url} />
+            <ShareUrlButton
+              text={`Join my group ${group.name} on Spliit`}
+              url={url}
+            />
+          </div>
+        )}
         <p>
           <strong>Warning!</strong> Every person with the group URL will be able
           to see and edit expenses. Share with caution!
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7d95d6e..9447a84 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,14 +3,12 @@ import { ThemeProvider } from '@/components/theme-provider'
 import { ThemeToggle } from '@/components/theme-toggle'
 import { Button } from '@/components/ui/button'
 import { Toaster } from '@/components/ui/toaster'
-import { env } from '@/lib/env'
 import type { Metadata, Viewport } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
 import './globals.css'
 
 export const metadata: Metadata = {
-  metadataBase: new URL(env.NEXT_PUBLIC_BASE_URL),
   title: {
     default: 'Spliit · Share Expenses with Friends & Family',
     template: '%s · Spliit',
diff --git a/src/app/robots.ts b/src/app/robots.ts
index 5fb07a6..2492611 100644
--- a/src/app/robots.ts
+++ b/src/app/robots.ts
@@ -1,4 +1,3 @@
-import { env } from '@/lib/env'
 import { MetadataRoute } from 'next'
 
 export default function robots(): MetadataRoute.Robots {
@@ -8,6 +7,8 @@ export default function robots(): MetadataRoute.Robots {
       allow: '/',
       disallow: '/groups/',
     },
-    sitemap: `${env.NEXT_PUBLIC_BASE_URL}/sitemap.xml`,
+    sitemap: process.env.VERCEL_URL
+      ? `${process.env.VERCEL_URL}/sitemap.xml`
+      : undefined,
   }
 }
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index a3b92a1..7dfbba7 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -1,13 +1,14 @@
-import { env } from '@/lib/env'
 import { MetadataRoute } from 'next'
 
 export default function sitemap(): MetadataRoute.Sitemap {
-  return [
-    {
-      url: env.NEXT_PUBLIC_BASE_URL,
-      lastModified: new Date(),
-      changeFrequency: 'yearly',
-      priority: 1,
-    },
-  ]
+  return process.env.VERCEL_URL
+    ? [
+        {
+          url: process.env.VERCEL_URL,
+          lastModified: new Date(),
+          changeFrequency: 'yearly',
+          priority: 1,
+        },
+      ]
+    : []
 }