lumina/app/profile/settings/page.tsx

'use client';

import { useParams } from 'next/navigation'
import { nip19 } from "nostr-tools";
import { UpdateProfileForm } from "@/components/UpdateProfileForm";
import { useEffect } from 'react';

export default function ProfileSettingsPage() {
    useEffect(() => {
        document.title = `Settings | LUMINA`;
    }, []);
  

  let pubkey = null;
  if (typeof window !== 'undefined') {
    pubkey = window.localStorage.getItem('pubkey');
  }
  // check if pubkey is not null and contains "npub"
  // if so, then we need to convert it to a pubkey
  if (pubkey && pubkey.includes("npub")) {
    // convert npub to pubkey
    pubkey = nip19.decode(pubkey.toString()).data.toString()
  }

  return (
    <>
      <div className="flex flex-col items-center py-6 px-6">
        <UpdateProfileForm />
      </div>
    </>
  );
}