From bd80826002cbeb985706764f802139513847a4e0 Mon Sep 17 00:00:00 2001
From: Maximilian Harz <maxharz@gmail.com>
Date: Mon, 9 Jun 2025 12:12:08 +0200
Subject: [PATCH] Improve naming

---
 src/Components/Profile/Subcomponents/GalleryForm.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Components/Profile/Subcomponents/GalleryForm.tsx b/src/Components/Profile/Subcomponents/GalleryForm.tsx
index 37c533b2..9ad33a9e 100644
--- a/src/Components/Profile/Subcomponents/GalleryForm.tsx
+++ b/src/Components/Profile/Subcomponents/GalleryForm.tsx
@@ -26,9 +26,9 @@ export const GalleryForm = ({ state, setState }: Props) => {
 
   const [uploadingImages, setUploadingImages] = useState<File[]>([])
 
-  const [deleteModalImage, setDeleteModalImage] = useState<number | null>(null)
+  const [imageSelectedToDelete, setImageSelectedToDelete] = useState<number | null>(null)
 
-  const closeModal = () => setDeleteModalImage(null)
+  const closeModal = () => setImageSelectedToDelete(null)
 
   const upload = async (acceptedFiles: File[]) => {
     setUploadingImages((files) => [...files, ...acceptedFiles])
@@ -123,7 +123,7 @@ export const GalleryForm = ({ state, setState }: Props) => {
             {image.state === 'uploaded' && (
               <button
                 className='tw:m-2 tw:bg-red-500 tw:text-white tw:p-2 tw:rounded-full tw:absolute tw:top-0 tw:right-0 tw:hover:bg-red-600'
-                onClick={() => setDeleteModalImage(index)}
+                onClick={() => setImageSelectedToDelete(index)}
                 type='button'
               >
                 <TrashIcon className='tw:h-5 tw:w-5' />
@@ -141,7 +141,7 @@ export const GalleryForm = ({ state, setState }: Props) => {
         </div>
       </div>
       <DialogModal
-        isOpened={!!deleteModalImage}
+        isOpened={!!imageSelectedToDelete}
         title='Are you sure?'
         showCloseButton={false}
         onClose={closeModal}
@@ -153,7 +153,7 @@ export const GalleryForm = ({ state, setState }: Props) => {
               <label
                 className='tw:btn tw:mt-4 tw:btn-error'
                 onClick={() => {
-                  deleteModalImage && removeImage(deleteModalImage)
+                  imageSelectedToDelete && removeImage(imageSelectedToDelete)
                   closeModal()
                 }}
               >