Merge pull request #233 from aroskanalen/feature/970-media-archive-click

970: Fixed media archive click issue
os2display · Mar 19, 2024 · 6103048 · 6103048
2 parents 36f8a5c + 33494be
commit 6103048
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+- [#233](https://github.com/os2display/display-admin-client/pull/233)
+  - Fixed issue when clicking media archive element when media archive is not in multiple mode.
 - [#232](https://github.com/os2display/display-admin-client/pull/232)
   - Fixed time zone issue in playlist schedules.
 - [#231](https://github.com/os2display/display-admin-client/pull/231)

diff --git a/src/components/media-modal/media-modal.jsx b/src/components/media-modal/media-modal.jsx
@@ -5,6 +5,7 @@ import Modal from "react-bootstrap/Modal";
 import ModalDialog from "../util/modal/modal-dialog";
 import MediaList from "../media/media-list";
 import useModal from "../../context/modal-context/modal-context-hook";
+
 /**
  * Media modal component.
  *

diff --git a/src/components/slide/content/media-selector-list.jsx b/src/components/slide/content/media-selector-list.jsx
@@ -92,16 +92,17 @@ function MediaSelectorList({ multiple, selectedMediaIds, onItemClick }) {
               return (
                 <div key={data["@id"]} className="col mb-3">
                   <div
-                    className={`card bg-light h-100 media-item +
-                  ${selected ? " selected" : ""}`}
+                    className={`card bg-light h-100 media-item ${
+                      selected ? " selected" : ""
+                    }`}
+                    onClick={() => onItemClick(data)}
                   >
                     <FilePreview fileEntry={data} />
                     {multiple && (
                       <Form.Check
                         className="d-flex justify-content-end"
                         type="checkbox"
                         checked={selected}
-                        onClick={() => onItemClick(data)}
                         aria-label={t("checkbox-form-aria-label", {
                           this: data.title,
                         })}