From a386770f61cab383d5ddf1e08ec9e3359cc69bfd Mon Sep 17 00:00:00 2001
From: Marcus <github@luniki.de>
Date: Fri, 7 Jun 2024 10:45:54 +0200
Subject: [PATCH 1/2] Add text to icon buttons in the Edit Table dialog.

Fixes #599.
---
 src/components/shared/EditTableViewModal.tsx              | 8 ++++++--
 .../org/opencastproject/adminui/languages/lang-en_US.json | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/shared/EditTableViewModal.tsx b/src/components/shared/EditTableViewModal.tsx
index 3035f69fec..3909d5af76 100644
--- a/src/components/shared/EditTableViewModal.tsx
+++ b/src/components/shared/EditTableViewModal.tsx
@@ -154,7 +154,9 @@ const EditTableViewModal = ({
 															<button
 																className="button-like-anchor move-item add"
 																onClick={() => changeColumn(column, false)}
-															/>
+															>
+																<span class="sr-only">{t("PREFERENCES.TABLE.ADD_COLUMN")}</span>
+															</button>
 														</li>
 													) : null
 												)}
@@ -203,7 +205,9 @@ const EditTableViewModal = ({
 																						<button
 																							className="button-like-anchor move-item remove"
 																							onClick={() => changeColumn(column, true)}
-																						/>
+																						>
+																							<span class="sr-only">{t("PREFERENCES.TABLE.REMOVE_COLUMN")}</span>
+																						</button>
 																					</div>
 																				)}
 																			</Draggablee>
diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
index ecd4b5157f..b2274fd152 100644
--- a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
+++ b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -95,7 +95,9 @@
 			"SUBHEADING": "Select the default data you would like displayed in the {{ tableName }} view",
 			"AVAILABLE_COLUMNS": "Available columns",
 			"SELECTED_COLUMNS": "Selected columns",
-			"FOOTER_TEXT": "The order and selection will be saved automatically. Press \"{{resetTranslation}}\" to restore the default view."
+			"FOOTER_TEXT": "The order and selection will be saved automatically. Press \"{{resetTranslation}}\" to restore the default view.",
+			"ADD_COLUMN": "Add column",
+			"REMOVE_COLUMN": "Remove column"
 		}
 	},
 	"CONFIRMATIONS": {

From 574d52ef37249cc8cca7b5da380e4d40c603a3b3 Mon Sep 17 00:00:00 2001
From: Marcus <github@luniki.de>
Date: Fri, 7 Jun 2024 11:48:40 +0200
Subject: [PATCH 2/2] Use `className` instead of `class`.

---
 src/components/shared/EditTableViewModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/shared/EditTableViewModal.tsx b/src/components/shared/EditTableViewModal.tsx
index 3909d5af76..f11ac33303 100644
--- a/src/components/shared/EditTableViewModal.tsx
+++ b/src/components/shared/EditTableViewModal.tsx
@@ -155,7 +155,7 @@ const EditTableViewModal = ({
 																className="button-like-anchor move-item add"
 																onClick={() => changeColumn(column, false)}
 															>
-																<span class="sr-only">{t("PREFERENCES.TABLE.ADD_COLUMN")}</span>
+																<span className="sr-only">{t("PREFERENCES.TABLE.ADD_COLUMN")}</span>
 															</button>
 														</li>
 													) : null
@@ -206,7 +206,7 @@ const EditTableViewModal = ({
 																							className="button-like-anchor move-item remove"
 																							onClick={() => changeColumn(column, true)}
 																						>
-																							<span class="sr-only">{t("PREFERENCES.TABLE.REMOVE_COLUMN")}</span>
+																							<span className="sr-only">{t("PREFERENCES.TABLE.REMOVE_COLUMN")}</span>
 																						</button>
 																					</div>
 																				)}