fix: derive original cover image key in EditPost component from fetched data or URL
All checks were successful
CI - Build and Push / Build and Push Docker Image (push) Successful in 19s
All checks were successful
CI - Build and Push / Build and Push Docker Image (push) Successful in 19s
This commit is contained in:
@@ -3,6 +3,7 @@ import { useNavigate, useParams } from 'react-router-dom';
|
|||||||
import Layout from '../components/Layout';
|
import Layout from '../components/Layout';
|
||||||
import BlogEditor, { type BlogEditorRef } from '../blog/BlogEditor';
|
import BlogEditor, { type BlogEditorRef } from '../blog/BlogEditor';
|
||||||
import { getBlogPost, updateBlogPost, uploadImage } from '../blog/api';
|
import { getBlogPost, updateBlogPost, uploadImage } from '../blog/api';
|
||||||
|
import { extractFileKeyFromUrl } from '../blog/s3Config';
|
||||||
import { Toast } from '../components/Toast';
|
import { Toast } from '../components/Toast';
|
||||||
import { useToast } from '../hooks/useToast';
|
import { useToast } from '../hooks/useToast';
|
||||||
import '../App.css';
|
import '../App.css';
|
||||||
@@ -348,7 +349,11 @@ function EditPost() {
|
|||||||
setTitle(fetched.title);
|
setTitle(fetched.title);
|
||||||
setInitialContent(fetched.content);
|
setInitialContent(fetched.content);
|
||||||
setCoverImage(fetched.coverImageUrl ?? null);
|
setCoverImage(fetched.coverImageUrl ?? null);
|
||||||
setOriginalCoverImageKey(fetched.coverImageKey ?? '');
|
|
||||||
|
const derivedCoverKey =
|
||||||
|
fetched.coverImageKey ??
|
||||||
|
(fetched.coverImageUrl ? extractFileKeyFromUrl(fetched.coverImageUrl) ?? '' : '');
|
||||||
|
setOriginalCoverImageKey(derivedCoverKey);
|
||||||
setNewCoverImageKey(null);
|
setNewCoverImageKey(null);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
const message = err instanceof Error ? err.message : 'Failed to load post.';
|
const message = err instanceof Error ? err.message : 'Failed to load post.';
|
||||||
|
|||||||
Reference in New Issue
Block a user