feat: add image handling to recipes

- Implemented image downloading and optimization in QuickImportService.
- Added imageUrl field to CreateRecipeDto for recipe creation.
- Created an endpoint in RecipesController to update recipe images.
- Enhanced RecipesService to handle image URL updates and optimizations.
- Updated Docker Compose to mount a volume for recipe images.
- Refactored frontend to display images in recipe grids and detail views.
- Added a new utility function for downloading and optimizing images.
- Created a new API route for handling image uploads.
- Introduced RecipeGrid component for better recipe display.
- Updated RecipeDetailClient to manage image updates and display.
- Added migration for new imageUrl column in the Recipe table.
This commit is contained in:
Nils-Johan Gynther
2026-04-15 19:46:50 +02:00
parent a2038ffbec
commit 73bf5193c4
20 changed files with 933 additions and 49 deletions
+11 -7
View File
@@ -1,11 +1,15 @@
'use client';
import { redirect } from 'next/navigation';
import { useState, useEffect } from 'react';
import { useRouter, useParams } from 'next/navigation';
import { fetchJson } from '../../../../lib/api';
import { parseErrorResponse } from '../../../../lib/error-handler';
import type { Product, Recipe } from '../../../../features/inventory/types';
import Navigation from '../../../Navigation';
interface Props {
params: Promise<{ id: string }>;
}
// Detaljsidan hanterar nu både visning och redigering.
// Omdirigera från gammal /edit-URL till /recipes/[id]
export default async function EditRecipeRedirect({ params }: Props) {
const { id } = await params;
redirect(`/recipes/${id}`);
}
const MARKDOWN_HELP = `
**Fetstil:** **text** eller __text__