/** @jsxImportSource https://esm.sh/hono@latest/jsx */ import type { FC } from 'hono/jsx'; import RootLayout from "https://esm.town/v/iamseeley/RootLayout"; import UserLinks from "https://esm.town/v/iamseeley/UserLinks"; import UserProfileHeader from "https://esm.town/v/iamseeley/UserProfileHeader"; import UserWidgets from "https://esm.town/v/iamseeley/UserWidgets"; interface Link { id?: number; label: string; url: string; } interface EditProfilePageProps { user: { id: number; username: string; email: string; name: string; bio: string; avatar: string; profile_theme: string; links: Link[]; location?: string; currentlyListening?: string; currentlyReading?: { title?: string; author?: string; coverImage?: string; }; currentlyWatching?: { title?: string; platform?: string; posterImage?: string; }; profile_img?: string; updated_at: string; }; message?: string; } const themeMap = { theme1: 'bg-blue-100 text-blue-800', theme2: 'bg-green-100 text-green-800', theme3: 'bg-yellow-100 text-yellow-800', }; const themes = [ { name: 'Blue', value: 'theme1' }, { name: 'Green', value: 'theme2' }, { name: 'Yellow', value: 'theme3' }, ]; const EditProfilePage: FC = ({ user, message }) => { const handleThemeChange = (event) => { const selectedTheme = event.target.value; const previewDiv = document.getElementById('profile-preview'); Object.values(themeMap).forEach((themeClass) => { previewDiv.classList.remove(...themeClass.split(' ')); }); previewDiv.classList.add(...themeMap[selectedTheme].split(' ')); }; return (

edit your now page

{/* Profile Information Section */}

Profile Information

Profile Image

Username

Name

Bio

Location

Profile Theme

{/* Current Activities Section */}

Current Activities

Currently Listening (Spotify track ID)

Currently Reading Title

Currently Reading Author

Currently Reading Cover Image URL

Currently Watching Title

Currently Watching Platform

Currently Watching Poster Image URL

{/* Links Section */}

Last Updated At

{new Date(user.updated_at).toLocaleString()}

Profile Preview

View Public Profile

); }; export default EditProfilePage;