From 69cb389ecf3be156395a848aa9a2e6b952b72704 Mon Sep 17 00:00:00 2001
From: muken <jmendoza14@pm.me>
Date: Sat, 27 Jun 2026 20:57:46 -0500
Subject: [PATCH] admin: close Image Gallery AccordionSection properly

---
 src/app/admin/page.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index fc9bbb5..f2530f9 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -496,7 +496,7 @@ export default function AdminPage() {
       {error && <p style={{ color: '#c23b22', marginBottom: '1rem' }}>{error}</p>}
       {message && <p style={{ color: '#3b7a22', marginBottom: '1rem' }}>{message}</p>}
 
-      &lt;AccordionSection title="Brand Assets">
+<AccordionSection title="Brand Assets">
         <div style={{ display: 'grid', gap: '1rem', gridTemplateColumns: '1fr auto', alignItems: 'end' }}>
           <Text label="Navbar logo" value={logoUrl} onChange={setLogoUrl} />
           <Button onClick={() => updateAsset('logo', logoUrl)} disabled={!logoUrl}>Save logo</Button>
@@ -508,9 +508,9 @@ export default function AdminPage() {
         <p style={{ margin: '1rem 0 0', fontSize: '13px', color: '#777' }}>
           Tip: click an uploaded gallery image to preview, copy its data URL, and paste it above.
         </p>
-      </Section>
+      </AccordionSection>
 
-      &lt;AccordionSection title="Footer / Contact">
+      <AccordionSection title="Footer / Contact">
         <div style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))' }}>
           <Text label="Facebook URL" value={footer.facebook_url} onChange={(v) => setFooter({ ...footer, facebook_url: v })} />
           <Text label="Instagram URL" value={footer.instagram_url} onChange={(v) => setFooter({ ...footer, instagram_url: v })} />
@@ -522,9 +522,9 @@ export default function AdminPage() {
         <div style={{ marginTop: '1rem' }}>
           <Button onClick={saveFooter}>Save footer info</Button>
         </div>
-      </Section>
+      </AccordionSection>
 
-      &lt;AccordionSection title="Image Gallery">
+      <AccordionSection title="Image Gallery">
         <label style={{ display: 'inline-flex', alignItems: 'center', gap: '0.5rem', padding: '0.75rem 1.25rem', background: gold, color: navy, borderRadius: '999px', cursor: 'pointer', fontWeight: 600, marginBottom: '1.5rem' }}>
           + Upload images
           <input type="file" accept="image/*" multiple onChange={handleUpload} style={{ display: 'none' }} />
@@ -562,7 +562,7 @@ export default function AdminPage() {
         )}
       </Section>
 
-      &lt;AccordionSection title="Homepage Slideshow">
+      <AccordionSection title="Homepage Slideshow">
         <form onSubmit={saveSlide} style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', marginBottom: '1.5rem' }}>
           <Text label="Title" value={slideForm.title || ''} onChange={(v) => setSlideForm({ ...slideForm, title: v })} />
           <Text label="Subtitle" value={slideForm.subtitle || ''} onChange={(v) => setSlideForm({ ...slideForm, subtitle: v })} />
@@ -589,7 +589,7 @@ export default function AdminPage() {
         <ListTable rows={slides.map((s) => [s.title || '(untitled)', s.image_url ? '🖼️ image' : 'no image', s.active ? 'On' : 'Off', `#${s.sort_order}`])} onEdit={(i) => editSlide(slides[i])} onDelete={(i) => deleteSlide(slides[i].id)} />
       </Section>
 
-      &lt;AccordionSection title="Calendar Events">
+      <AccordionSection title="Calendar Events">
         <form onSubmit={saveEvent} style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', marginBottom: '1.5rem' }}>
           <Text label="Date" type="date" value={eventForm.date || ''} onChange={(v) => setEventForm({ ...eventForm, date: v })} />
           <Text label="Title" value={eventForm.title || ''} onChange={(v) => setEventForm({ ...eventForm, title: v })} />
@@ -627,7 +627,7 @@ export default function AdminPage() {
         <ListTable rows={events.map((ev) => [ev.date, ev.title, ev.type, ev.active ? 'On' : 'Off'])} onEdit={(i) => editEvent(events[i])} onDelete={(i) => deleteEvent(events[i].id)} />
       </Section>
 
-      &lt;AccordionSection title="Social Events">
+      <AccordionSection title="Social Events">
         <form onSubmit={saveSocialEvent} style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', marginBottom: '1.5rem' }}>
           <Text label="Name" value={socialEventForm.name || ''} onChange={(v) => setSocialEventForm({ ...socialEventForm, name: v })} />
           <Text label="Price" value={socialEventForm.price || ''} onChange={(v) => setSocialEventForm({ ...socialEventForm, price: v })} />
@@ -692,7 +692,7 @@ export default function AdminPage() {
         )}
       </Section>
 
-      &lt;AccordionSection title="Rooms">
+      <AccordionSection title="Rooms">
         <form onSubmit={saveRoom} style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', marginBottom: '1.5rem' }}>
           <Text label="Name" value={roomForm.name || ''} onChange={(v) => setRoomForm({ ...roomForm, name: v })} />
           <Text label="Price / night" value={roomForm.price || ''} onChange={(v) => setRoomForm({ ...roomForm, price: v })} />
@@ -747,7 +747,7 @@ export default function AdminPage() {
         )}
       </Section>
 
-      &lt;AccordionSection title="Menu">
+      <AccordionSection title="Menu">
         <form onSubmit={saveMenu} style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', marginBottom: '1.5rem' }}>
           <Text label="Category" value={menuForm.category || ''} onChange={(v) => setMenuForm({ ...menuForm, category: v })} />
           <Text label="Name" value={menuForm.name || ''} onChange={(v) => setMenuForm({ ...menuForm, name: v })} />
@@ -770,7 +770,7 @@ export default function AdminPage() {
         <ListTable rows={menu.map((m) => [m.category, m.name, `$${m.price}`, m.is_daily_special ? '★ Daily' : '', m.active ? 'On' : 'Off', `#${m.sort_order}`])} onEdit={(i) => editMenu(menu[i])} onDelete={(i) => deleteMenu(menu[i].id)} />
       </Section>
 
-      &lt;AccordionSection title="Landscape Places">
+      <AccordionSection title="Landscape Places">
         <form onSubmit={savePlace} style={{ display: 'grid', gap: '1rem', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', marginBottom: '1.5rem' }}>
           <Text label="Name" value={placeForm.name || ''} onChange={(v) => setPlaceForm({ ...placeForm, name: v })} />
           <Text label="Distance (km)" value={placeForm.distance_km || ''} onChange={(v) => setPlaceForm({ ...placeForm, distance_km: v })} />
@@ -797,7 +797,7 @@ export default function AdminPage() {
         <ListTable rows={places.map((p) => [p.name, `${p.distance_km || ''} km`, p.description.slice(0, 60), p.photos.length > 0 ? `🖼️ ${p.photos.length}` : 'no image', p.active ? 'On' : 'Off', `#${p.sort_order}`])} onEdit={(i) => editPlace(places[i])} onDelete={(i) => deletePlace(places[i].id)} />
       </Section>
 
-      &lt;AccordionSection title="Pending Reviews">
+      <AccordionSection title="Pending Reviews">
         {reviews.length === 0 ? <p style={{ color: '#777' }}>No pending reviews.</p> : (
           <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
             {reviews.map((r) => (