fix: image gallery organized with sections and borders, images now show correctly

This commit is contained in:
2026-06-28 13:50:32 -05:00
parent e1b091b25d
commit 295c024ced
6 changed files with 521 additions and 122 deletions
+25 -3
View File
@@ -2,10 +2,32 @@ import { NextRequest, NextResponse } from 'next/server';
import { requireRole } from '@/lib/auth';
import { db } from '@/lib/db';
export async function GET() {
export async function GET(request: NextRequest) {
try {
await requireRole('admin');
const { rows } = await db.query('SELECT id, filename, category, room_id, location_target, uploaded_at FROM images ORDER BY uploaded_at DESC');
const { searchParams } = new URL(request.url);
const category = searchParams.get('category');
const roomId = searchParams.get('room_id');
let query = 'SELECT id, filename, data, category, room_id, location_target, uploaded_at FROM images ORDER BY uploaded_at DESC';
const conditions: string[] = [];
const params: any[] = [];
let paramIndex = 1;
if (category) {
conditions.push(`category = $${paramIndex++}`);
params.push(category);
}
if (roomId) {
conditions.push(`room_id = $${paramIndex++}`);
params.push(parseInt(roomId));
}
if (conditions.length > 0) {
query += ' WHERE ' + conditions.join(' AND ');
}
const { rows } = await db.query(query, params);
return NextResponse.json({ images: rows, count: rows.length });
} catch (error) {
if ((error as Error).message === 'Unauthorized') {
@@ -27,7 +49,7 @@ export async function POST(request: NextRequest) {
}
const { rows } = await db.query(
'INSERT INTO images (filename, data, category, room_id, location_target) VALUES ($1, $2, $3, $4, $5) RETURNING id, filename, category, room_id, location_target, uploaded_at',
'INSERT INTO images (filename, data, category, room_id, location_target) VALUES ($1, $2, $3, $4, $5) RETURNING id, filename, data, category, room_id, location_target, uploaded_at',
[filename, data, category || 'other', room_id || null, location_target || 'gallery']
);
+1 -1
View File
@@ -20,7 +20,7 @@ export async function POST(request: NextRequest) {
const body = await request.json();
const { category, name, description, price, is_daily_special, sort_order } = body;
if (!category || !name || price === undefined) {
if (!category || !name || price === undefined || price === '') {
return NextResponse.json({ error: 'Missing required fields' }, { status: 400 });
}
+30 -15
View File
@@ -2,38 +2,53 @@ import { NextRequest, NextResponse } from 'next/server';
import { requireRole } from '@/lib/auth';
import { db } from '@/lib/db';
export async function GET(request: NextRequest, { params }: { params: { id: string } }) {
try {
const id = parseInt(params.id);
if (isNaN(id)) return NextResponse.json({ error: 'Invalid id' }, { status: 400 });
const { rows } = await db.query('SELECT * FROM places WHERE id = $1', [id]);
if (!rows.length) return NextResponse.json({ error: 'Place not found' }, { status: 404 });
return NextResponse.json({ data: rows[0] });
} catch (error: any) {
console.error('GET /api/places/[id]:', error);
return NextResponse.json({ error: error.message }, { status: 500 });
}
}
export async function PUT(request: NextRequest, { params }: { params: { id: string } }) {
try {
await requireRole('admin');
const id = parseInt(params.id, 10);
const id = parseInt(params.id);
if (isNaN(id)) return NextResponse.json({ error: 'Invalid id' }, { status: 400 });
const body = await request.json();
const { name, description, photos, featured_photo, distance_km, visit_time, suggestion, active, sort_order } = body;
const { name, description, photos, featured_photo, distance_km, visit_time, suggestion, sort_order, active } = body;
const { rows } = await db.query(
`UPDATE places SET name = $1, description = $2, photos = $3, featured_photo = $4, distance_km = $5, visit_time = $6, suggestion = $7, active = $8, sort_order = $9
WHERE id = $10 RETURNING *`,
[name, description, photos || '{}', featured_photo || null, distance_km || null, visit_time || null, suggestion || null, active, sort_order || 0, id]
);
if (rows.length === 0) {
return NextResponse.json({ error: 'Place not found' }, { status: 404 });
if (!name || !description) {
return NextResponse.json({ error: 'Missing required fields' }, { status: 400 });
}
const { rows } = await db.query(
`UPDATE places SET name = $1, description = $2, photos = $3, featured_photo = $4, distance_km = $5, visit_time = $6, suggestion = $7, sort_order = $8, active = $9 WHERE id = $10 RETURNING *`,
[name, description, photos || '{}', featured_photo || null, distance_km || null, visit_time || null, suggestion || null, sort_order || 0, active !== false, id]
);
return NextResponse.json({ data: rows[0] });
} catch (error: any) {
console.error('PUT /api/places/:id error:', error);
return NextResponse.json({ error: error.message || 'Failed to update place' }, { status: 500 });
if ((error as Error).message === 'Unauthorized') return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
console.error('PUT /api/places/[id]:', error);
return NextResponse.json({ error: error.message }, { status: 500 });
}
}
export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) {
try {
await requireRole('admin');
const id = parseInt(params.id, 10);
const id = parseInt(params.id);
if (isNaN(id)) return NextResponse.json({ error: 'Invalid id' }, { status: 400 });
await db.query('DELETE FROM places WHERE id = $1', [id]);
return NextResponse.json({ ok: true });
} catch (error: any) {
console.error('DELETE /api/places/:id error:', error);
return NextResponse.json({ error: error.message || 'Failed to delete place' }, { status: 500 });
if ((error as Error).message === 'Unauthorized') return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
console.error('DELETE /api/places/[id]:', error);
return NextResponse.json({ error: error.message }, { status: 500 });
}
}
+30 -15
View File
@@ -2,38 +2,53 @@ import { NextRequest, NextResponse } from 'next/server';
import { requireRole } from '@/lib/auth';
import { db } from '@/lib/db';
export async function GET(request: NextRequest, { params }: { params: { id: string } }) {
try {
const id = parseInt(params.id);
if (isNaN(id)) return NextResponse.json({ error: 'Invalid id' }, { status: 400 });
const { rows } = await db.query('SELECT * FROM rooms WHERE id = $1', [id]);
if (!rows.length) return NextResponse.json({ error: 'Room not found' }, { status: 404 });
return NextResponse.json({ data: rows[0] });
} catch (error: any) {
console.error('GET /api/rooms/[id]:', error);
return NextResponse.json({ error: error.message }, { status: 500 });
}
}
export async function PUT(request: NextRequest, { params }: { params: { id: string } }) {
try {
await requireRole('admin');
const id = parseInt(params.id, 10);
const id = parseInt(params.id);
if (isNaN(id)) return NextResponse.json({ error: 'Invalid id' }, { status: 400 });
const body = await request.json();
const { name, description, price, photos, active, sort_order, featured_photo } = body;
const { name, description, price, photos, sort_order, featured_photo, active } = body;
const { rows } = await db.query(
`UPDATE rooms SET name = $1, description = $2, price = $3, photos = $4, active = $5, sort_order = $6, featured_photo = $7, updated_at = NOW()
WHERE id = $8 RETURNING *`,
[name, description, price, photos || [], active, sort_order || 0, featured_photo || null, id]
);
if (rows.length === 0) {
return NextResponse.json({ error: 'Room not found' }, { status: 404 });
if (!name || !description || price === undefined) {
return NextResponse.json({ error: 'Missing required fields' }, { status: 400 });
}
const { rows } = await db.query(
`UPDATE rooms SET name = $1, description = $2, price = $3, photos = $4, sort_order = $5, featured_photo = $6, active = $7 WHERE id = $8 RETURNING *`,
[name, description, price, photos || [], sort_order || 0, featured_photo || null, active !== false, id]
);
return NextResponse.json({ data: rows[0] });
} catch (error: any) {
console.error('PUT /api/rooms/:id error:', error);
return NextResponse.json({ error: error.message || 'Failed to update room' }, { status: 500 });
if ((error as Error).message === 'Unauthorized') return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
console.error('PUT /api/rooms/[id]:', error);
return NextResponse.json({ error: error.message }, { status: 500 });
}
}
export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) {
try {
await requireRole('admin');
const id = parseInt(params.id, 10);
const id = parseInt(params.id);
if (isNaN(id)) return NextResponse.json({ error: 'Invalid id' }, { status: 400 });
await db.query('DELETE FROM rooms WHERE id = $1', [id]);
return NextResponse.json({ ok: true });
} catch (error: any) {
console.error('DELETE /api/rooms/:id error:', error);
return NextResponse.json({ error: error.message || 'Failed to delete room' }, { status: 500 });
if ((error as Error).message === 'Unauthorized') return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
console.error('DELETE /api/rooms/[id]:', error);
return NextResponse.json({ error: error.message }, { status: 500 });
}
}