From 33494be182891023628483be395165bd84397fba Mon Sep 17 00:00:00 2001
From: Troels Ugilt Jensen <6103205+tuj@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:24:26 +0100
Subject: [PATCH] 970: Fixed media archive click issue

---
 CHANGELOG.md                                         | 2 ++
 src/components/media-modal/media-modal.jsx           | 1 +
 src/components/slide/content/media-selector-list.jsx | 7 ++++---
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 382f164e..4e705d68 100644
--- 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
index 681f5ab1..e30450bf 100644
--- 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
index b7fa6803..7ffb0bb2 100644
--- a/src/components/slide/content/media-selector-list.jsx
+++ b/src/components/slide/content/media-selector-list.jsx
@@ -92,8 +92,10 @@ 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 && (
@@ -101,7 +103,6 @@ function MediaSelectorList({ multiple, selectedMediaIds, onItemClick }) {
                         className="d-flex justify-content-end"
                         type="checkbox"
                         checked={selected}
-                        onClick={() => onItemClick(data)}
                         aria-label={t("checkbox-form-aria-label", {
                           this: data.title,
                         })}