Fix delete sliders from swiper (#195)

src/components/_shared/SolidSwiper/SolidSwiper.tsx

@@ -316,18 +316,18 @@ export const SolidSwiper = (props: Props) => {
               type="text"
               class={clsx(styles.input, styles.title)}
               placeholder={t('Enter image title')}
-              value={props.images[slideIndex()].title}
+              value={props.images[slideIndex()]?.title}
               onChange={(event) => handleSlideDescriptionChange(slideIndex(), 'title', event.target.value)}
             />
             <input
               type="text"
               class={styles.input}
               placeholder={t('Specify the source and the name of the author')}
-              value={props.images[slideIndex()].source}
+              value={props.images[slideIndex()]?.source}
               onChange={(event) => handleSlideDescriptionChange(slideIndex(), 'source', event.target.value)}
             />
             <SimplifiedEditor
-              initialContent={props.images[slideIndex()].body}
+              initialContent={props.images[slideIndex()]?.body}
               smallHeight={true}
               placeholder={t('Enter image description')}
               onChange={(value) => setSlideBody(value)}

src/components/_shared/SolidSwiper/Swiper.module.scss

@@ -93,8 +93,9 @@ $navigation-reserve: 32px;
     position: absolute;
     top: 16px;
     right: 16px;
-    background: rgba(#000, 0.3);
+    background: rgba(var(--default-color), 0.3);
     cursor: pointer;
+    z-index: 12;
     display: none;
 
     .icon {
@@ -129,14 +130,14 @@ $navigation-reserve: 32px;
       background: var(--placeholder-color-semi);
       position: relative;
 
-      &:hover .action {
-        display: flex;
-      }
-
       img {
         max-height: 100%;
       }
     }
+
+    &:hover .action {
+      display: flex;
+    }
   }
   &.editorMode {
     .holder {